/* BRAISIÈRE — jetons de conception (Phase 2). Source unique des fontes, couleurs, échelle, espacements, mouvement.
   Toute valeur de couleur, de taille ou de durée du site vient d'ici. */

/* ---------- Fontes auto-hébergées (SIL OFL 1.1, licences dans /fonts/) ---------- */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 600;font-display:swap;src:url("/fonts/fraunces-var-latin-ext.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:"Fraunces";font-style:normal;font-weight:300 600;font-display:swap;src:url("/fonts/fraunces-var-latin.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}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:400;font-display:swap;src:url("/fonts/fraunces-italic-latin-ext.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:"Fraunces";font-style:italic;font-weight:400;font-display:swap;src:url("/fonts/fraunces-italic-latin.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}
@font-face{font-family:"Geist";font-style:normal;font-weight:300 600;font-display:swap;src:url("/fonts/geist-var-latin-ext.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:"Geist";font-style:normal;font-weight:300 600;font-display:swap;src:url("/fonts/geist-var-latin.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}
/* Replis métriques : la page garde ses proportions pendant le chargement (Windows, Android). */
/* Polices de repli à métriques ajustées : le texte occupe la même place avant et après
   l'arrivée des fontes, donc aucun décalage de mise en page. Les deux styles sont
   calés séparément (Fraunces italique est 2 % plus étroit que Georgia italique,
   là où Fraunces romain est 11 % plus large que Georgia). */
/* Largeurs mesurées sur le site : Fraunces occupe 86 % de la largeur de Georgia en
   texte et en h2, 83 % en titre (opsz 144, graisse 350, approche serrée), et son
   italique 98 % de Georgia italique. Geist occupe 101 % d'Arial. Les replis sont
   calés sur ces rapports : la page occupe la même place avant et après l'arrivée
   des fontes, donc aucune ligne ne se recompose et rien ne saute. */
@font-face{font-family:"Fraunces repli";font-style:normal;src:local("Georgia"),local("Times New Roman");size-adjust:86%;ascent-override:98%;descent-override:26%;line-gap-override:0%}
@font-face{font-family:"Fraunces titre repli";font-style:normal;src:local("Georgia"),local("Times New Roman");size-adjust:83%;ascent-override:98%;descent-override:26%;line-gap-override:0%}
@font-face{font-family:"Fraunces repli";font-style:italic;src:local("Georgia Italic"),local("Georgia"),local("Times New Roman Italic");size-adjust:98%;ascent-override:98%;descent-override:26%;line-gap-override:0%}
@font-face{font-family:"Geist repli";src:local("Arial"),local("Helvetica");size-adjust:101%;ascent-override:100%;descent-override:30%;line-gap-override:0%}

:root{
  /* Couleurs, dérivées du nuancier (voir docs/direction-artistique.md § 4) */
  --nuit:#171410; --encre:#1C1917; --papier:#EEEAE4; --pierre:#E2DCD4;
  --ardoise:#56544F; --argent:#A8A49D; --argent-clair:#CFCBC3; --noyer:#4A3C33; --ivoire:#F1EDE7;
  --accent:#7E5A3E; --accent-nuit:#C4A57C;
  --filet:rgba(86,84,79,.28); --filet-nuit:rgba(168,164,157,.28);
  /* Rôles, redéfinis par fond (data-fond="nuit" | "papier" | "noyer") */
  --fond:var(--papier); --texte:var(--encre); --secondaire:var(--ardoise); --trait:var(--filet); --accent-ici:var(--accent);
  /* Fontes */
  --serif:"Fraunces","Fraunces repli",Georgia,"Times New Roman",serif;
  --serif-titre:"Fraunces","Fraunces titre repli",Georgia,"Times New Roman",serif;
  --sans:"Geist","Geist repli",Arial,Helvetica,system-ui,sans-serif;
  /* Échelle (390 px → 1440 px) */
  --t-h1:clamp(48px,6.2vw,92px); --t-h2:clamp(36px,4.4vw,64px); --t-h3:clamp(26px,2.2vw,32px);
  --t-chapo:clamp(22px,1.9vw,28px); --t-corps:clamp(17px,1.25vw,18px); --t-dense:clamp(15px,1.1vw,16px);
  --t-legende:clamp(14px,1vw,15px); --t-cap:clamp(12px,.9vw,13px); --t-numero:clamp(56px,6vw,88px);
  /* Espacements */
  --e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--e6:40px;--e7:64px;--e8:96px;--e9:160px;
  /* Rayons (aucune ombre floue nulle part) */
  --r0:0;--r1:2px;--r2:4px;
  /* Grille */
  --marge:40px; --gout:24px; --max:1440px; --entete:56px;
  /* Mouvement : une durée, une courbe */
  --duree:700ms; --courbe:cubic-bezier(.2,.8,.2,1); --duree-courte:200ms;
}
[data-fond="nuit"]{--fond:var(--nuit);--texte:var(--ivoire);--secondaire:var(--argent);--trait:var(--filet-nuit);--accent-ici:var(--accent-nuit)}
[data-fond="papier"]{--fond:var(--papier);--texte:var(--encre);--secondaire:var(--ardoise);--trait:var(--filet);--accent-ici:var(--accent)}
[data-fond="noyer"]{--fond:var(--noyer);--texte:var(--ivoire);--secondaire:var(--argent-clair);--trait:var(--filet-nuit);--accent-ici:var(--accent-nuit)}
@media (max-width:720px){:root{--marge:20px;--gout:16px}}