/* CLS (budget 0,1) : les trois polices sont auto-hébergées, petites (31 à
   90 Ko), et `Archivo` est déjà préchargée (gabarit.html) — `font-display:
   optional` leur laisse une très courte fenêtre de blocage puis, si elles ne
   sont pas prêtes, fige durablement sur le repli au lieu de permuter après le
   premier rendu. Mesuré : avec `swap`, la permutation réelle survient quand
   même (polices prêtes après le premier paint sous Fast 4G + CPU ×4), et le
   repli système n'a pas la même largeur de glyphe que la police finale
   (Archivo étiré à 125% : +14,7 % de largeur ; Inter : -8,75 % ; JetBrains
   Mono : +11,1 %), ce qui fait reflow les titres/badges multi-lignes au
   chargement — `optional` supprime cette permutation tardive au lieu de
   corriger la taille du repli, plus robuste qu'un `size-adjust` sur un repli
   dont le délai de résolution n'est pas garanti. */
@font-face{
  font-family:"Archivo"; font-style:normal; font-weight:100 900; font-stretch:62% 125%;
  font-display:optional; src:url("/fonts/archivo-latin-variable.woff2") format("woff2");
}
@font-face{
  font-family:"Inter"; font-style:normal; font-weight:400 700;
  font-display:optional; src:url("/fonts/inter-latin-variable.woff2") format("woff2");
}
@font-face{
  font-family:"JetBrains Mono"; font-style:normal; font-weight:400 700;
  font-display:optional; src:url("/fonts/jetbrainsmono-latin-variable.woff2") format("woff2");
}
:root{
  --abysse:#04131A; --nuit:#0A3D4A; --turquoise:#2AAFAE; --lanterne:#4CC9D1;
  --lagon:#87E5BE; --caribe:#B2EBF2; --sable:#FDFBF7; --corail:#FFC7B2; --brume:#ECEFED;
  --noir:#020A0E;               /* sections « noires » de la référence */
  --encre:var(--abysse); --encre-douce:color-mix(in srgb,var(--abysse) 62%,transparent);
  --clair:var(--sable);  --clair-doux:color-mix(in srgb,var(--sable) 62%,transparent);
  --cache:var(--turquoise);     /* remplace le ROUGE des blocs masquants / CTA SignalIQ */
  --alerte:var(--corail);       /* remplace le rouge « risque » */
  --ok:var(--lagon);            /* remplace le vert SignalIQ */
  --police-titre:"Archivo",system-ui,sans-serif;
  --police-texte:"Inter",system-ui,sans-serif;
  --police-mono:"JetBrains Mono",ui-monospace,monospace;
  --large-titre:118%;           /* font-stretch des titres */
  --t-geant:clamp(3rem,6.25vw,5.625rem);      /* 90px @1440 */
  --t-titre:clamp(2.4rem,6.1vw,5.5rem);       /* 88px */
  --t-grand:clamp(2.2rem,5.55vw,5rem);        /* 80px */
  --t-moyen:clamp(2rem,4.72vw,4.25rem);       /* 68px */
  --t-hero:clamp(1.75rem,4.45vw,4rem);        /* 64px titre du hero */
  --t-hero-geant:clamp(2rem,3.75vw,2.875rem); /* 46px, titre hero 3 lignes larges */
  --t-section:clamp(1.75rem,3.75vw,3.375rem); /* 54px */
  --t-mono-titre:clamp(1.05rem,1.6vw,1.5rem);
  --t-texte:1rem; --t-petit:.8125rem; --t-micro:.6875rem; --t-nano:.625rem; --t-pico:.5625rem;
  --gouttiere:clamp(16px,4vw,64px); --conteneur:1184px;
  --rayon:2px; --trait:1px;
  --ease:cubic-bezier(.22,.61,.36,1);
}