:root {
  /* Palette fonctionnelle — seule source autorisée pour les couleurs */
  --bg: #e6f4fb;
  --ink: #13202a;
  --secondary: #6e7f8c;
  --blue: #087db7;
  --blue-strong: #0d5e9a;
  --blue-light: #3ca7ca;
  --soft-blue: #e7f5fc;
  --green: #286246;
  --soft-green: #edf6f0;
  --soft-warm: #fff9f0;
  --separator: #d8e7ef;
  --badge: #f2f7fa;
  --today: #ffd39c;
  --active: #e4f5e9;
  --white: #fff;

  /* Surfaces translucides */
  --active-inset: rgba(255,255,255,.68);
  --stripe: rgba(255,255,255,.56);
  --floating-border: rgba(255,255,255,.78);
  --floating-surface: rgba(255,255,255,.97);
  --bg-fade-strong: rgba(230,244,251,.92);
  --bg-fade-clear: rgba(230,244,251,0);
  --today-divider: rgba(255,211,156,.28);
  --focus-ring: rgba(255,255,255,.85);
  --glass-surface: rgba(255,255,255,.12);
  --glass-separator: rgba(255,255,255,.18);
  --brand-border: rgba(255,255,255,.45);
  --brand-control: rgba(255,255,255,.92);
  --dialog-backdrop: rgba(15,36,50,.26);
  --picker-fade-clear: rgba(248,251,253,0);
  --toast-surface: rgba(19,32,42,.94);
  --mask-solid: #000;

  /* Surfaces du sélecteur */
  --sheet-handle: #d4dce1;
  --toggle-surface: #edf4f8;
  --picker-surface: #f8fbfd;
  --picker-selection: #e8f1f6;
  --picker-muted: #7b8b97;

  /* Fond large écran */
  --desktop-bg-start: #eef8fc;
  --desktop-bg-end: #dbeef8;

  /* Ombres */
  --shadow: 0 4px 14px rgba(26,51,71,.08);
  --shadow-floating: 0 6px 18px rgba(10,31,51,.13);
  --shadow-hero: 0 14px 30px rgba(13,94,154,.22);
  --shadow-active-soft: 0 3px 10px rgba(40,98,70,.09);
  --shadow-brand-soft: 0 3px 9px rgba(8,125,183,.2);
  --shadow-active: 0 3px 9px rgba(40,98,70,.2);
  --shadow-zman-active: 0 2px 8px rgba(40,98,70,.08);
  --shadow-logo: 0 6px 18px rgba(18,59,92,.12);
  --shadow-datebar: 0 8px 24px rgba(13,94,154,.3);
  --shadow-date-text: 0 1px 2px rgba(0,38,65,.2);
  --shadow-dialog: 0 30px 80px rgba(8,37,58,.3);
  --shadow-control: 0 2px 8px rgba(26,51,71,.1);
  --shadow-shell: 0 0 60px rgba(18,59,83,.13);

  /* Associations sémantiques */
  --countdown-bg: var(--soft-green);
  --countdown-text: var(--green);
  --brand-gradient: linear-gradient(135deg,var(--blue-strong),var(--blue-light));

  /* Typographie */
  --text-small: 14px;
  --text-body: 14px;
  --text-display: 16px;
  --text-title-phone: 15px;
  --text-title-compact: 14px;
  --text-main-date: 16px;
  --line-height: 1.3;
  --weight-regular: 600;
  --weight-medium: 600;
  --weight-bold: 600;
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
}