/* Jetons de design (maquette B « Menu à gauche, bleu-vert »). Aucune autre feuille ne contient de
   valeur de couleur littérale (seule exception : le QR code, noir sur blanc, voir ecrans.css). */
:root {
  /* Surfaces et texte */
  --sol: #EFF5F6;
  --carte: #FFFFFF;
  --encre: #0E2630;
  --sourdine: #46606A;
  --filet: #CBDBDF;
  --filet-fort: #A3BAC0;
  --bord-champ: #5B7580;
  --champ-inactif: #EDF3F4;
  --tableau-tete: #F3F8F9;
  --survol-ligne: #FAFBFC;
  --filtres-fond: #E1EBED;

  /* Accent */
  --accent: #0E6E8E;
  --accent-fort: #0A5570;
  --accent-fond: #DDEFF3;
  --sur-accent: #FFFFFF;

  /* Statuts (texte / fond) */
  --ok-t: #0E6B45;
  --ok-f: #E2F4EA;
  --cours-t: #1B5CB8;
  --cours-f: #E4EEFA;
  --echec-t: #A8281C;
  --echec-f: #FCE9E6;
  --echec-bord: #EDB9B2;
  --danger-bord: #E3B2AC;
  --manque-t: #7C4400;
  --manque-f: #FFF0D1;
  --retire-t: #465061;
  --retire-f: #ECEFF3;

  /* Encart « Vous vous connectez à » */
  --info-t: #143FAE;
  --info-f: #E8EEFD;

  /* Volet menu : dégradé bleu vers vert, textes clairs */
  --menu-haut: #0B3B5C;
  --menu-milieu: #0C5663;
  --menu-bas: #0F6B5E;
  --sur-menu: #FFFFFF;
  --sur-menu-doux: #D4E4E2;
  --menu-icone: #8FE9C3;
  --menu-survol: rgba(255, 255, 255, 0.1);
  --menu-actif: rgba(255, 255, 255, 0.17);
  --menu-agence: rgba(255, 255, 255, 0.13);
  --menu-filet: rgba(255, 255, 255, 0.22);
  --menu-bouton: #0B4660;
  --menu-bouton-bord: rgba(255, 255, 255, 0.6);
  --menu-bouton-survol: rgba(255, 255, 255, 0.12);

  /* Volet décoratif de connexion */
  --panneau-debut: #0A3560;
  --panneau-milieu: #0E6A8E;
  --panneau-fin: #127A5E;
  --sur-panneau: #FFFFFF;
  --panneau-deco: rgba(255, 255, 255, 0.32);
  --logo-point: #8FF0C4;

  /* Attente, ombres, voile */
  --rond: #A8D2DD;
  --ombre-filtre: rgba(20, 26, 34, 0.14);
  --ombre-modale: rgba(20, 26, 34, 0.28);
  --voile: rgba(20, 26, 34, 0.45);

  /* Typographie */
  --police: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --chasse: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Liberation Mono", monospace;
  --police-marque: "Outfit", var(--police);

  /* Formes */
  --rayon: 8px;
  --rayon-petit: 6px;
  --cible: 44px;
}