/* =============================================================
   Coop MIL — Jetons du système de design (version normalisée)
   Source de vérité unique. À placer en tête de assets/app.css
   (remplace le bloc :root existant) OU à importer avant lui.

   Règle d'or : tout le CSS référence ces variables, JAMAIS un hex
   en dur — la bascule clair/sombre et la palette daltonien sont
   alors gratuites.

   Différences vs l'extraction brute (cf. DESIGN_SYSTEM.md §Écarts) :
   - --c-accent unifié à #008ce4 (le header h1 utilisait #008ae4 en dur).
   - Vert néon #39ff14 sorti en jeton --c-bling, adouci à #27c93f (AA).
   - Échelle d'espacement --space-* formalisée (base 4px).
   - Durées de transition --t-* formalisées.
   - Rayon pilule --radius-pill ajouté (interrupteurs, chips, badges).
   ============================================================= */

:root {
  color-scheme: light;

  /* ---- Surfaces & texte ---- */
  --c-bg:            #f6f7f9;
  --c-surface:       #ffffff;
  --c-surface-2:     #fafbfc;   /* léger relief : inputs, zébrures */
  --c-border:        #e4e7eb;
  --c-border-strong: #d1d5db;
  --c-text:          #3d4045;
  --c-text-mid:      #5f6368;
  --c-text-muted:    #9aa0a6;
  --c-on-accent:     #ffffff;
  --c-hover-bg:      #f1f3f5;
  --c-section-bar:   #f1f3f5;

  /* ---- Accent & données ---- */
  --c-accent:        #008ce4;   /* bleu du logo coop */
  --c-accent-soft:   #e4f2fc;
  --c-accent-dark:   #0070bd;
  --c-teal:          #169c8e;   /* accent data : comités / « fait » */
  --c-teal-soft:     #f3fbf9;
  --c-orange:        #f4511e;   /* accent data secondaire / alerte */
  --c-bling:         #27c93f;   /* gamification (jetons profil, barre « Moi ») */

  /* ---- Sémantique ---- */
  --c-success:       #169c8e;
  --c-success-soft:  #ecfdf5;
  --c-success-text:  #047857;
  --c-warning:       #f59e0b;
  --c-warning-soft:  #fff7ed;
  --c-warning-text:  #92400e;
  --c-danger:        #e05252;
  --c-danger-soft:   #fef2f2;
  --c-danger-text:   #b91c1c;

  /* ---- Élévation ---- */
  --c-shadow:        rgba(15,23,42,0.08);
  --c-shadow-strong: rgba(15,23,42,0.14);

  /* ---- Rayons ---- */
  --radius:          4px;
  --radius-sm:       3px;
  --radius-pill:     999px;

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

  /* ---- Mouvement ---- */
  --t-fast: .12s;   /* survol, press */
  --t-base: .15s;   /* focus, toggles */
  --t-slow: .2s;    /* toasts, panneaux */

  /* ---- Typographie ---- */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --c-bg:            #16181d;
  --c-surface:       #1e2127;
  --c-surface-2:     #242830;
  --c-border:        #30343d;
  --c-border-strong: #3c4250;
  --c-text:          #e4e6ea;
  --c-text-mid:      #aab0b8;
  --c-text-muted:    #7d838d;
  --c-on-accent:     #ffffff;
  --c-hover-bg:      #262a32;
  --c-section-bar:   #22262e;
  --c-accent:        #2a9ff0;
  --c-accent-soft:   #15324a;
  --c-accent-dark:   #5cb6f5;
  --c-teal:          #2cb5a5;
  --c-teal-soft:     #12302c;
  --c-orange:        #ff6b3d;
  --c-bling:         #2cd14a;
  --c-success:       #2cb5a5;
  --c-success-soft:  #10271f;
  --c-success-text:  #6ee7b7;
  --c-warning:       #fbbf24;
  --c-warning-soft:  #2e2410;
  --c-warning-text:  #fcd9a3;
  --c-danger:        #f06b6b;
  --c-danger-soft:   #2c1717;
  --c-danger-text:   #fca5a5;
  --c-shadow:        rgba(0,0,0,0.40);
  --c-shadow-strong: rgba(0,0,0,0.55);
}

/* Palette daltonien (Okabe-Ito) : danger → magenta, jamais confondu avec le
   vert/teal du succès. Active via :root[data-palette="cb"]. */
:root[data-palette="cb"] {
  --c-accent:        #0067c2;
  --c-accent-soft:   #d8ebfb;
  --c-accent-dark:   #00529c;
  --c-teal:          #008060;
  --c-teal-soft:     #e0f3ed;
  --c-orange:        #d55e00;
  --c-success:       #008060;
  --c-success-soft:  #e0f3ed;
  --c-success-text:  #005a43;
  --c-warning:       #e69f00;
  --c-warning-soft:  #fbf0d6;
  --c-warning-text:  #785400;
  --c-danger:        #c2186b;
  --c-danger-soft:   #fbe2ef;
  --c-danger-text:   #8f0f4e;
}
:root[data-theme="dark"][data-palette="cb"] {
  --c-accent:        #4ea0e8;
  --c-accent-soft:   #112c44;
  --c-accent-dark:   #82c0f0;
  --c-teal:          #19b58e;
  --c-teal-soft:     #0c2b24;
  --c-orange:        #f08a3d;
  --c-success:       #19b58e;
  --c-success-soft:  #0c2b24;
  --c-success-text:  #74e6c4;
  --c-warning:       #f0b94a;
  --c-warning-soft:  #2e2410;
  --c-warning-text:  #f5d79a;
  --c-danger:        #f25aa6;
  --c-danger-soft:   #2e1622;
  --c-danger-text:   #f7a8cf;
}