/* =========================================================
   TOKENS — Estelle Tissier Coaching
   Palette stricte (verrouillée par le brief) + type + espacements.
   Modifier une valeur ici se répercute sur tout le site.
   ========================================================= */
:root {
  /* ---- Palette ---- */
  --terracotta:       #C76A4A;  /* accents, séparateurs, éléments décoratifs */
  --terracotta-deep:  #A8512F;  /* texte terracotta sur fond clair + fond des CTA (contraste AA) */
  --terracotta-darker:#8E4527;  /* hover des CTA */
  --espresso:         #3D2B1F;  /* titres forts, footer */
  --espresso-soft:    #6B5546;  /* texte courant adouci */
  --beige:            #F5F0EA;  /* fond principal */
  --beige-mid:        #EAE3D9;  /* sections alternées */
  --cream:            #FAF7F3;  /* cartes / surfaces */

  --line:        rgba(61, 43, 31, 0.14);
  --line-strong: rgba(61, 43, 31, 0.26);

  /* ---- Formes (système unique : doux) ---- */
  --radius:    8px;
  --radius-lg: 14px;

  /* ---- Layout ---- */
  --maxw:   1200px;
  --maxw-narrow: 760px;
  --gutter: clamp(1.25rem, 5vw, 4.5rem);
  --section-y: clamp(4.5rem, 9vw, 8rem);

  /* ---- Typographie ---- */
  --font-title: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body:  "Source Sans 3", system-ui, -apple-system, Segoe UI, sans-serif;

  /* Échelle de titres (fluide) */
  --fs-display: clamp(2.7rem, 5.5vw, 4.6rem);
  --fs-h2:      clamp(1.9rem, 3.4vw, 2.9rem);
  --fs-h3:      clamp(1.35rem, 2.2vw, 1.8rem);
  --fs-lead:    clamp(1.15rem, 1.6vw, 1.35rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.92rem;
}