/* ============================================================
   Design tokens — "Sun & Savanna"
   Single source of truth for color, type, spacing, radius.
   ============================================================ */
:root{
  /* ---- palette ---- */
  --sand:#EFE6D6;
  --cream:#FAF5EC;
  --paper:#FFFFFF;
  --ink:#3A3026;
  --ink-soft:#5E5343;
  --muted:#8C8170;
  --line:#E4D9C5;
  --terra:#B5541B;
  --terra-d:#9A4514;
  --olive:#6B7350;
  --olive-d:#566044;
  --gold:#C8860A;

  /* ---- typography ---- */
  --font-display:'Fraunces',Georgia,serif;
  --font-body:'Inter',system-ui,sans-serif;
  --fs-hero:clamp(2.75rem,6.5vw,4.9rem);
  --fs-h2:clamp(2rem,4.4vw,3.25rem);
  --fs-h3:1.5rem;
  --fs-lead:1.125rem;
  --lh-tight:1.08;
  --lh-body:1.75;

  /* ---- spacing scale (8px base) ---- */
  --space-1:.25rem;   /* 4  */
  --space-2:.5rem;    /* 8  */
  --space-3:.75rem;   /* 12 */
  --space-4:1rem;     /* 16 */
  --space-5:1.5rem;   /* 24 */
  --space-6:2rem;     /* 32 */
  --space-7:3rem;     /* 48 */
  --space-8:4rem;     /* 64 */
  --space-9:6rem;     /* 96 */
  --space-10:8rem;    /* 128 */

  /* consistent vertical rhythm for every section */
  --section-y:clamp(3.5rem,8vw,6rem);

  /* ---- layout ---- */
  --maxw:1180px;
  --gutter:clamp(1.25rem,4vw,2rem);
  --radius:1.5rem;
  --radius-lg:2rem;
  --radius-pill:2.5rem;
  --shadow:0 18px 40px rgba(58,48,38,.14);
  --shadow-soft:0 8px 30px rgba(58,48,38,.10);
}