/* Variables du design system Terre Fragile — généré depuis tokens.json, ne pas modifier à la main. */
:root {
  --papier: #fdfdfc;
  --teinte: #eef6f4;
  --papier-blanc: #ffffff;
  --papier-ombre: #e4e2dc;
  --encre: #1d1d1b;
  --texte: #34332f;
  --texte-doux: #5f5d57;
  --corail: #df503f;
  --safran: #db961c;
  --feuille: #7ea625;
  --emeraude: #409e7e;
  --lagon: #46a597;
  --ciel: #437ca1;
  --petrole: #0a5c79;
  --orange: #ee662d;
  --corail-fonce: #b5372a;
  --safran-fonce: #9a6200;
  --feuille-fonce: #4f7016;
  --emeraude-fonce: #24715a;
  --lagon-fonce: #22756b;
  --focus: var(--petrole);
  --espace-1: 4px;
  --espace-2: 8px;
  --espace-3: 12px;
  --espace-4: 16px;
  --espace-5: 24px;
  --espace-6: 32px;
  --espace-7: 48px;
  --espace-8: 72px;
  --espace-9: 112px;
  --rayon-s: 6px;
  --rayon-m: 14px;
  --rayon-pilule: 999px;
  --rayon-cercle: 50%;
  --ombre-feuille: 0 2px 3px rgba(40, 38, 34, 0.12), 0 8px 18px rgba(40, 38, 34, 0.10);
  --ombre-detoure: 0 6px 10px rgba(40, 38, 34, 0.16);
  --ombre-bouton: 0 2px 3px rgba(40, 38, 34, 0.24), 0 6px 14px rgba(40, 38, 34, 0.24);
  --largeur-texte: 680px;
  --largeur-page: 1180px;
  --hauteur-dechirure: 92px;
  --font-titre: "Blushes Espace", Blushes, Nunito, ui-rounded, sans-serif;
  --font-soustitre: "Nunito Sans", "Avenir Next", Avenir, system-ui, sans-serif;
  --font-texte: Nunito, ui-rounded, system-ui, sans-serif;
}
.titre-hero { font-family: var(--font-titre); font-size: 72px; line-height: 1.0; font-weight: 900; letter-spacing: 0.5px; }
.titre-1 { font-family: var(--font-titre); font-size: 56px; line-height: 1.05; font-weight: 900; }
.titre-2 { font-family: var(--font-titre); font-size: 42px; line-height: 1.1; font-weight: 900; }
.titre-3 { font-family: var(--font-titre); font-size: 30px; line-height: 1.15; font-weight: 900; }
.manuscrit { font-family: var(--font-titre); font-size: 26px; line-height: 1.3; font-weight: 400; }
.sous-titre-grand { font-family: var(--font-soustitre); font-size: 22px; line-height: 1.35; font-weight: 600; }
.sous-titre { font-family: var(--font-soustitre); font-size: 18px; line-height: 1.4; font-weight: 600; }
.surtitre { font-family: var(--font-texte); font-size: 17px; line-height: 1.3; font-weight: 700; letter-spacing: 0.01em; }
.texte-intro { font-family: var(--font-texte); font-size: 20px; line-height: 1.6; font-weight: 400; }
.texte { font-family: var(--font-texte); font-size: 17px; line-height: 1.65; font-weight: 400; }
.texte-petit { font-family: var(--font-texte); font-size: 15px; line-height: 1.55; font-weight: 400; }
.legende { font-family: var(--font-texte); font-size: 13px; line-height: 1.45; font-weight: 400; font-style: italic; }
.bouton { font-family: var(--font-texte); font-size: 16px; line-height: 1.2; font-weight: 800; }