/*
  Design tokens EXARIS — design system v9 (octobre 2026)
  Source unique des couleurs, polices, espacements et rayons du site.
  Valeurs reprises de project/tokens.json du design system EXARIS :
  https://claude.ai/artifact/6PJXKZmyxuzYzzFMxgjp75
  Ne jamais écrire une couleur en dur ailleurs : utiliser ces variables.
  Le site public suit le gabarit « Page d'inscription » : thème clair unique.
*/
:root{
  /* Couleurs */
  --canvas:#EFEDE5;          /* ivoire : fond de page */
  --surface:#FCFCFA;         /* blanc cassé : cartes */
  --sand:#E6E3D6;            /* sable : retrait, badges, filet doux */
  --surface-sunk:#E6E3D6;
  --border-soft:#E6E3D6;     /* filet des cartes */
  --border:#D9D3C5;          /* filet des tableaux et listes */
  --border-strong:#6E6A5C;   /* contour des champs */
  --ink:#262626;             /* texte */
  --ink-muted:#6E6A5C;       /* texte secondaire */
  --navy:#0D1B2A;            /* bandeaux immersifs */
  --on-navy:#FFFFFF;
  --on-navy-muted:#A9B4BF;
  --accent:#2F5A48;          /* vert EXARIS : liens, boutons, mise en avant */
  --on-accent:#FFFFFF;
  --on-accent-title:#8CBE96;
  --sage:#64866F;
  --alert:#E2701E;           /* signal uniquement */
  --alert-soft:#FBE9DC;
  --info:#1C3958;
  --info-soft:#E4ECF3;
  --info-on-navy:#A9C4DB;
  --accent-soft:#E1EBE3;
  --focus:#2F5A48;
  --white:#FFFFFF;           /* fond des champs de saisie */
  --canvas-light:#F5F3EE;    /* fond clair des pages fiche et bulletin : les cartes blanches s'en détachent */

  /* Typographie */
  --font:Calibri, Carlito, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --mono:Consolas, "Cascadia Mono", ui-monospace, Menlo, monospace;
  --fs-small:13px;
  --fs-secondary:15px;
  --fs-body:16px;
  --fs-h3:18px;
  --fs-h2:24px;

  /* Espacements (échelle de 4 px) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;

  /* Rayons */
  --r-xs:3px; --r-sm:4px; --r-md:8px; --r-lg:16px; --r-pill:999px;

  /* Grille */
  --page-max:1180px;
  --gutter:20px;

  color-scheme:light;
}