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

  /* Surfaces translucides */
  --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);

  /* 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-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);

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

  /* Typographie */
  --text-small: 14px;
  --text-body: 14px;
  --text-display: 16px;
  --text-main-date: 16px;
  --line-height: 1.3;
  --weight-regular: 600;
  --weight-medium: 600;
  --weight-bold: 600;
  --font-apple: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --font-text: var(--font-apple);
  --font-display: var(--font-apple);
  color-scheme: light;
  font-family: var(--font-apple);
}