/* ==========================================================================
   WeeklyFlow — jetons de design
   Aucune valeur brute ne doit apparaître dans les autres feuilles de style.
   ========================================================================== */

:root {
  /* Surfaces et texte */
  --bg:              #F7F7F5;
  --bg-sunken:       #F1F1EE;
  --surface:         #FFFFFF;
  --surface-hover:   #FAFAF8;
  --surface-active:  #F2F2EF;
  --border:          rgba(15, 15, 15, 0.08);
  --border-strong:   rgba(15, 15, 15, 0.16);
  --text:            #1A1A18;
  /* Les deux nuances secondaires atteignent 4.5:1 sur --bg comme sur
     --surface : aucun texte de l'interface ne descend sous le seuil AA. */
  --text-muted:      #5C5C57;
  --text-faint:      #6F6F69;

  /* Accent unique de l'interface */
  --accent:          #2A63D8;
  --accent-hover:    #2454BC;
  --accent-soft:     rgba(42, 99, 216, 0.10);
  --accent-ring:     rgba(42, 99, 216, 0.32);

  /* Sémantique */
  --danger:          #C33A32;
  --danger-soft:     rgba(195, 58, 50, 0.10);
  --positive:        #2F7A44;

  /* Rayons */
  --radius-sm:       6px;
  --radius-md:       10px;
  --radius-lg:       14px;
  --radius-pill:     999px;

  /* Ombres */
  --shadow-card:     0 1px 2px rgba(15, 15, 15, 0.04);
  --shadow-raised:   0 2px 6px rgba(15, 15, 15, 0.06);
  --shadow-drag:     0 8px 24px rgba(15, 15, 15, 0.12);
  --shadow-overlay:  0 16px 48px rgba(15, 15, 15, 0.18);

  /* Espacements */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* Typographie */
  --font: ui-sans-serif, -apple-system, "Segoe UI", Inter, system-ui, sans-serif;
  --text-xs:  11px;
  --text-sm:  12px;
  --text-md:  13px;
  --text-lg:  15px;
  --text-xl:  20px;
  --text-2xl: 28px;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --leading-tight: 1.3;
  --leading-base:  1.5;

  /* Mouvement */
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 240ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);

  /* Gabarit */
  --sidebar-w:      232px;
  --sidebar-w-slim: 64px;
  --column-w:       128px;   /* plancher de lisibilité d'une colonne de jour */
  --inbox-w:        240px;
  --tap-target:     44px;
  --z-drag:    900;
  --z-menu:    950;
  --z-modal:  1000;
  --z-toast:  1100;

  /* Palette d'étiquettes : huit jetons nommés, jamais d'hexadécimal ailleurs */
  --label-red:    #D2544B;
  --label-orange: #D07C33;
  --label-amber:  #B99114;
  --label-green:  #3F9153;
  --label-teal:   #2E8C86;
  --label-blue:   #3B72D4;
  --label-violet: #7B5BD1;
  --label-pink:   #C4508F;
}

/* Correspondance jeton -> variable résolue, utilisée par les pastilles. */
[data-color="red"]    { --label-color: var(--label-red); }
[data-color="orange"] { --label-color: var(--label-orange); }
[data-color="amber"]  { --label-color: var(--label-amber); }
[data-color="green"]  { --label-color: var(--label-green); }
[data-color="teal"]   { --label-color: var(--label-teal); }
[data-color="blue"]   { --label-color: var(--label-blue); }
[data-color="violet"] { --label-color: var(--label-violet); }
[data-color="pink"]   { --label-color: var(--label-pink); }