/* ============================================================================
   Nature en Corps — tokens de charte (palette de BASE, terracotta/camomille)
   Portés 1:1 depuis le :root de l'export "Site Camille.html".
   ⚠️ Certaines SECTIONS surchargent ces tokens en inline (palette verte pour la
   naturopathie, bleue pour la réflexologie). Ces surcharges vivent dans le markup
   des blocs (style="--terracotta:…") — NE PAS les centraliser ici, les porter 1:1.
   ============================================================================ */
:root{
  --terracotta:#9A4722;          /* terracotta : sections fortes, accents, gros chiffres */
  --terracotta-dark:#7A3719;
  --terracotta-light:#D69A4E;    /* curcuma */
  --terracotta-mid:#B5652C;
  --creme:#FBF4E4;               /* camomille très pâle : fond de page, cartes */
  --creme-profond:#F1D9A4;
  --vert-foret:#7A3719;          /* terracotta foncé : texte principal, aplats, footer */
  --dore:#D69A4E;                /* curcuma : CTA sur fonds sombres */
  --moutarde:#F1D9A4;            /* camomille : surtitres sur fonds sombres */
  --sauge:#DCC9A2;
  /* dérivés lisibilité */
  --texte-sur-terracotta:#F1D9A4;
  --texte-sur-creme:#6E3B22;
  --bouton-texte:#5E2A12;
  /* glow du hero */
  --glow-strong:rgba(214,154,78,0.9);
  --glow-mid:rgba(214,154,78,0.4);
  --glow-none:rgba(214,154,78,0);
  /* aplats dégradés */
  --grad-terracotta:linear-gradient(160deg,#9A4722,#7A3719);
  --grad-hero:radial-gradient(circle at 50% 42%,#D69A4E,#9A4722 70%);
  --grad-sunset:linear-gradient(160deg,#D69A4E,#F1D9A4);
  --grad-creme:linear-gradient(178deg,#FBF4E4,#F1D9A4);
  --grad-foret:linear-gradient(165deg,#7A3719,#5E2A12);
  /* typographie — PHASE 1 : installer les fichiers de police en local (fonts/).
     L'export référence var(--font-display) (titres) et var(--font-body) (corps). */
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-display:'Queens','Playfair Display',Georgia,'Times New Roman',serif;
  --font-titre:var(--font-display);
}

/* base globale portée depuis l'export.
   ⚠️ L'export appliquait font-family/size/line-height sur le wrapper de page
   (`<div style="font-family:var(--font-body);font-size:17px;line-height:1.62">`).
   En éclatant la page en blocs, ce wrapper a disparu → SANS cette règle, aucun
   élément ne référence Inter et la police "corps" ne se charge jamais. */
html,body{margin:0;padding:0}
*{box-sizing:border-box}
body{
  background:var(--creme);
  color:var(--vert-foret);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.62;
}
img{display:block;max-width:100%}
a{color:#9A4722}
a:hover{color:#813C1D}