/* base.css — socle commun du style « moderne clair » : police et variables seulement,
   aucune règle sur des éléments. Chargée AVANT la feuille de chaque écran migré.
   Inter n'existe ici qu'en 400 et 700 : un 600 ou un 800 demandé tombe sur 700. */

@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/inter-700.woff2") format("woff2")}

:root {
  --fond:         #F4F5F7;
  --surface:      #FFFFFF;
  --surface-2:    #EEF0F2;
  --bord:         #E6E8EB;
  --bord-fort:    #838B9A;   /* 3:1 sur --surface-2, --fond et --surface */
  --texte:        #16191D;
  --texte-2:      #5B616B;
  --accent:       #E5A100;   /* en fond uniquement, jamais en couleur de texte */
  --accent-fond:  #FFF9EB;
  --attente:      #8A5C00;
  --attente-fond: #FFF4DC;
  --succes:       #1F6B3E;
  --succes-fond:  #E3F0E8;
  --danger:       #C4432B;
  --danger-fond:  #FBEDEA;
  --danger-texte: #A33A24;
  --focus:        #E5A100;
  --focus-trait:  #16191D;   /* contour de focus, anneau extérieur : ≥ 14:1 sur tous les fonds clairs */
  --focus-halo:   #FFFFFF;   /* anneau intérieur, collé à l'élément : ≥ 3:1 sur les fonds sombres et
                                les couleurs de chantier où le trait ne suffit pas (l'ambre, non) */

  --r-s:    6px;
  --r-m:    10px;
  --r-l:    16px;
  --r-xl:   24px;
  --r-rond: 999px;

  --e-1: 4px;
  --e-2: 8px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 24px;
  --e-6: 32px;

  --ombre-1: 0 1px 2px rgba(16, 24, 40, .08);
  --ombre-2: 0 10px 30px rgba(16, 24, 40, .08);
  --ombre-3: 0 -8px 30px rgba(16, 24, 40, .12);

  --voile: rgba(20, 22, 26, .68);   /* derrière une fenêtre ouverte */

  --desactive: .45;

  --police: Inter, system-ui, sans-serif;
}