/* Thème du site Subventis : TOUTE la charte est ici, en variables, et nulle part ailleurs.
   app.css n'emploie que ces variables pour les couleurs, les tailles de police, les espacements, les rayons et les
   ombres ; seuls les points de rupture de ses @media restent écrits en clair (une variable n'y est pas permise).
   Pour un autre client, on remplace ce fichier. Police du système : aucune police chargée, aucun appel externe.
   Couples vérifiés par `npm run contraste` (texte >= 4,5 ; repère graphique >= 3). Règles d'usage :
   - une seule couleur d'accent, --accent (le brun doré de l'identité, 6,29:1 sur blanc, 6,02:1 sur --fond) :
     boutons principaux (texte blanc dessus), liens, focus clavier ; --accent-survol au survol d'un bouton principal ;
     --selection, teinte très claire de l'accent, signale l'entrée choisie (menu, aide en cours) ;
   - trois couleurs d'état, réservées à l'urgence et aux alertes (erreur, source à vérifier, case vidée, état d'une
     liaison sur Santé), chacune sur son fond ; les statuts ordinaires (terminé, active, retirée, retenue, écartée,
     source vérifiée) restent neutres ;
   - focus clavier : contour d'accent partout, sauf dans la capsule de confirmation (fond --texte), où il est blanc
     (--carte, 15,8:1) : l'accent n'y ferait que 2,51:1, sous le seuil de 3:1 d'un repère ;
   - texte tertiaire : la valeur demandée #8C959F n'atteint que 3,04:1 sur blanc et 2,91:1 sur --fond. Elle est
     foncée en gardant sa teinte (H 211°, S 9 %) jusqu'à #6A747F : 4,55:1 sur --fond, 4,75:1 sur blanc. Jamais sur
     --survol ni --selection (4,3:1) ;
   - --bordure-champ : contour des champs de saisie, 3,36:1 sur blanc et 3,22:1 sur --fond (repère d'un composant,
     WCAG 1.4.11) ; --bordure, plus claire, sépare seulement (filets, cartes) ;
   - ombre très légère, sur les cartes uniquement (ni la capsule de confirmation, ni la feuille de dialogue). */

:root {
  /* Couleurs neutres */
  --texte: #1f2328;
  --texte-secondaire: #57606a;
  --texte-tertiaire: #6a747f;
  --bordure: #e5e7eb;
  --bordure-champ: #858d96;
  --fond: #fafaf9;
  --carte: #ffffff;
  --survol: #f4f4f2;
  --selection: #f6f1e7;

  /* Accent */
  --accent: #7c5a1e;
  --accent-survol: #634816;

  /* États : urgence et alertes seulement */
  --rouge: #b42318;
  --rouge-fond: #fef3f2;
  --orange: #b54708;
  --orange-fond: #fffaeb;
  --vert: #067647;
  --vert-fond: #ecfdf3;

  /* Voile derrière une feuille de confirmation (décoratif) */
  --voile: rgba(31, 35, 40, 0.4);

  /* Police du système et échelle de texte */
  --police: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;
  --t-12: 12px;  /* métadonnées */
  --t-13: 13px;  /* métadonnées, légendes, en-têtes de colonnes */
  --t-14: 14px;  /* tableaux */
  --t-16: 16px;  /* textes et formulaires */
  --t-18: 18px;  /* titres de carte */
  --t-20: 20px;  /* titres de section */
  --t-24: 24px;  /* titre de page */
  --interligne: 1.5;
  --interligne-titre: 1.25;

  /* Espacements : grille de 4 et 8 px */
  --e-4: 4px;
  --e-8: 8px;
  --e-12: 12px;
  --e-16: 16px;
  --e-24: 24px;
  --e-32: 32px;
  --e-48: 48px;

  /* Formes et profondeur */
  --rayon-petit: 6px;   /* badges, boutons, champs */
  --rayon-carte: 10px;  /* cartes */
  --rayon-rond: 999px;  /* points de statut, numéros d'étape */
  --ombre-carte: 0 1px 2px rgba(16, 24, 40, 0.05);

  /* Accessibilité : focus clavier, cibles, hauteurs des boutons et des champs */
  --focus: 2px;
  --focus-decalage: 2px;
  --cible: 24px;
  --hauteur-bouton: 40px;
  --hauteur-bouton-petit: 36px;
  --hauteur-champ: 44px;
  --marge-fleche: 36px;  /* marge intérieure droite d'une liste déroulante : la flèche est à 12 px du bord */

  /* Mouvement (coupé sous prefers-reduced-motion, dans app.css) */
  --duree: 150ms;
  --courbe: ease;

  /* Gabarit : menu latéral, barre d'outils, contenu centré de 1280 px au plus, marges latérales */
  --menu: 240px;
  --barre: 56px;
  --largeur: 1280px;
  --marge: 24px;
  --marge-mobile: 16px;
}