/* ═══ JETONS — kamagate-clair ════════════════════════════════════════════
   Sixième direction, et la plus SOBRE : une seule colonne, beaucoup d'air,
   deux couleurs. Le parti-pris typographique est un argument, pas un goût —
   Atkinson Hyperlegible a été dessinée pour la lisibilité (Braille Institute).
   Une page qui promet la clarté se lit dans une police faite pour ça.
   ═════════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Atkinson";src:url("/assets/fonts/atkinson-regular-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson";src:url("/assets/fonts/atkinson-bold-latin.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"PublicSans";src:url("/assets/fonts/public-sans-var.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"display-repli";src:local("Verdana"),local("Tahoma");
  size-adjust:96%;ascent-override:92%;descent-override:24%}

:root{
  --blanc:      #FBFAF7;
  --blanc-haut: #FFFFFF;
  --encre:      #16202A;   /* AA 15,79 sur le fond                       */
  --gris:       #4E5A66;   /* AA 6,76                                    */
  --bleu:       #215068;   /* ACCENT unique — AA 8,34                    */
  --bleu-pale:  #E7EEF2;
  --filet:      #E2E0D9;
  --blanc-terne:#C3CBD3;   /* blanc posé sur l'encre — AA mesuré 9,6     */

  --display: "Atkinson","display-repli",Verdana,sans-serif;
  --lecture: "PublicSans","Segoe UI",system-ui,sans-serif;

  --t-geant: clamp(2.3rem, 4.6vw, 3.8rem);
  --t-xxl:   clamp(1.7rem, 2.8vw, 2.4rem);
  --t-xl:    clamp(1.25rem, 1.8vw, 1.5rem);
  --t-chapo: clamp(1.08rem, 1.35vw, 1.24rem);
  --t-base:  clamp(1rem, 1.05vw, 1.08rem);
  --t-petit: .95rem;
  --t-mini:  .81rem;

  --mesure: 62rem;              /* une seule colonne, la même partout    */
  --marge: clamp(1.15rem, 5vw, 3rem);
  --bande: clamp(3.4rem, 8vh, 6rem);

  --dur-med:300ms; --ease-out: cubic-bezier(.16,1,.3,1);
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}