/* Onest, hébergée sur notre serveur (plus d'appel à Google Fonts, pour le RGPD) : police variable 400 à 600, licence SIL OFL */
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/onest-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/onest-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Charte Alonzia : la fiche de style commune à toutes les pages (accueil compris).
   Toute taille de texte et tout espacement du site passe par ces variables : pas de valeur en dur.
   Le détail et les usages sont dans docs/charte.md. */
:root{
  /* Textes : 4 tailles de titres (Clash Display) et 5 tailles de texte (Onest) */
  --t-h1:clamp(40px,5.6vw,80px);      /* grand titre de page (accueil, services, approche…) */
  --t-h1-long:clamp(34px,4.3vw,64px); /* grand titre dont un mot est très long */
  --t-titre:clamp(32px,4.4vw,60px);   /* titre d'introduction (sous-pages, bandeaux, contact) */
  --t-h2:clamp(28px,3.6vw,46px);      /* titre de section */
  --t-h3-l:clamp(22px,2.4vw,30px);    /* sous-titre en avant (chiffres, citations) */
  --t-h3:20px;                        /* titre de carte, d'étape, de question */
  --t-lead:clamp(17px,1.35vw,19px);   /* chapeau sous un grand titre */
  --t-texte:17px;                     /* texte courant */
  --t-petit:15.5px;                   /* texte des cartes, listes, pied de page */
  --t-ui:14.5px;                      /* menu, boutons, liens d'action */
  --t-legende:13px;                   /* fil d'Ariane, numéros, étiquettes */

  /* Espacements : une seule échelle (4, 8, 12, 16, 24, 32, 40, 48, 64, 80, 96, 120) */
  --e4:4px;--e8:8px;--e12:12px;--e16:16px;--e24:24px;--e32:32px;--e40:40px;--e48:48px;--e64:64px;--e80:80px;--e96:96px;--e120:120px;

  /* Espacements fluides (se resserrent sur mobile) */
  --f-xs:clamp(24px,3vw,48px);   /* entre un titre de section et son contenu */
  --f-s:clamp(40px,5vw,64px);    /* entre deux blocs d'une même section */
  --f-m:clamp(56px,7vw,96px);    /* haut et bas d'un en-tête */
  --f-l:clamp(72px,9vw,120px);   /* entre deux sections */
  --f-xl:clamp(80px,10vw,140px); /* avant le contact, grandes respirations */
}