/* SetupExpress — Color system
   Direction: off-white chaud + lumineux, ink en ponctuation, signature ORANGE terre cuite.
   Système orange à 2 niveaux pour l'accessibilité (aplat vs texte).
   Vert (--signal) = statut rare uniquement.

   CONTRASTES VÉRIFIÉS (WCAG) :
   - --accent-deep #B23C0A sur --surface #FAF6F0 ........ 5.5:1   AA texte ✓
   - --accent-deep #B23C0A sur --surface-2 #F1E8DA ...... 4.9:1   AA texte ✓
   - --accent-deep #B23C0A sur --accent-tint #FBEADF .... 5.1:1   AA texte ✓ (badges, eyebrows sur tint)
   - --ink #1C1714 sur --surface ........................ 16.8:1  AAA ✓
   - --text #3D362E sur --surface ....................... 11.1:1  AAA ✓
   - --text-muted #6B6157 sur --surface ................. 4.9:1   AA ✓
   - white sur --accent #D14508 (aplat bouton) .......... 4.6:1   AA texte ✓ (toutes tailles de bouton)
   - --accent-on-dark #F97316 sur --ink ................. 6.4:1   AA ✓
   - white sur --ink .................................... 16.8:1  AAA ✓
   - --signal #0F7A38 sur --surface ..................... 5.0:1   AA ✓
   - --signal #0F7A38 sur --signal-tint #E3F3E8 ......... 4.7:1   AA ✓ (badges)
   - --signal-on-dark #4ADE80 sur --ink ................. 9.6:1   AAA ✓ */

:root {
  /* ---- Neutres : canvas off-white chaud ---- */
  --surface:        #FAF6F0;  /* off-white chaud, lumineux — fond principal */
  --surface-2:      #F1E8DA;  /* crème soutenu — sections alternées, cartes */
  --surface-3:      #EAE0CF;  /* crème plus dense — séparations, hovers clairs */
  --surface-raised: #FFFFFF;  /* niveau le plus élevé (carte vedette, gradients de lift) */
  --field-bg:       #FFFFFF;  /* fond des champs de formulaire */
  --ink:            #1C1714;  /* brun-noir chaud — ponctuation forte (CTA, manifeste) */
  --ink-2:          #2A231D;  /* surface ink légèrement levée (cartes sur ink) */

  /* ---- Texte ---- */
  --text-strong:    #1C1714;  /* titres, sur fond clair */
  --text:           #3D362E;  /* corps, sur fond clair */
  --text-muted:     #6B6157;  /* méta, légendes, labels secondaires */
  --text-on-ink:    #F4EDE2;  /* corps sur ink */
  --text-on-ink-muted: #B7AC9C; /* méta sur ink */
  --text-on-accent: #FFFFFF;  /* texte sur aplat accent (boutons, sélection) — AA dans les 2 thèmes */

  /* ---- Accent ORANGE (système 2 niveaux, obligatoire) ---- */
  --accent:         #D14508;  /* APLATS pleins (boutons), texte blanc dessus — AA texte toutes tailles */
  --accent-hover:   #B23C0A;  /* hover aplat (plus profond) */
  --accent-press:   #9C3407;  /* press aplat */
  --accent-deep:    #B23C0A;  /* TOUT orange en TEXTE / LIEN / EYEBROW sur fond clair (AA, y compris sur tint) */
  --accent-on-dark: #F97316;  /* orange lumineux sur blocs ink */
  --accent-tint:    #FBEADF;  /* fond orange très clair (badges doux, surlignage) */
  --accent-border:  #F0C4A8;  /* bordure orange discrète sur clair */

  /* ---- Signal : VERT rare (statut OK / EN LIGNE uniquement) ---- */
  --signal:         #0F7A38;  /* texte vert sur clair (AA, y compris sur tint) */
  --signal-on-dark: #4ADE80;  /* point/statut sur ink */
  --signal-tint:    #E3F3E8;  /* fond vert très doux */

  /* ---- Alerte / négatif (réservé "non inclus", erreurs, avertissements) ---- */
  --negative:       #9A3412;  /* croix "non inclus", erreurs de formulaire — discret, jamais agressif */
  --negative-tint:  #FBEAE2;  /* fond avertissement (Callout, champs en erreur si besoin) */
  --negative-border:#EFC7B3;  /* bordure avertissement */
  --negative-muted: #B9AFA3;  /* items barrés / désactivés (décoratif uniquement) */

  /* ---- Bordures & lignes ---- */
  --border:         #E6DBC9;  /* bordure discrète standard sur clair */
  --border-strong:  #D8CBB4;  /* bordure plus marquée (tableaux, inputs) */
  --border-on-ink:  #3A322A;  /* séparateurs sur ink */
  --hairline:       #ECE3D5;  /* filets très légers */

  /* ---- Focus (accessibilité) ---- */
  --focus-ring:     #D14508;  /* anneau de focus visible */
  --focus-ring-on-ink: #F97316;
}