/* Spillt design tokens — single source for colour, type, spacing.
   Values from Art's brand kit (spillt-docs/webapp/brand/brand-colours.md, 7 Oct 2026). */
:root {
  /* Colour */
  --cream: #F5F0E8;        /* page background */
  --paper: #FAF7F2;        /* cards, surfaces */
  --espresso: #3C2415;     /* primary text */
  --espresso-80: #5A4232;  /* secondary body text (derived: espresso lightened, AA on cream) */
  --taupe: #A89080;        /* large / decorative secondary only */
  --charcoal: #2F2F2F;     /* dark bands, footer */
  --oak: #C4A574;          /* wood accent, hairlines */
  --gold: #C9A227;         /* buttons, badges, lines — never text on cream */
  --gold-rich: #D4AF37;    /* hover, borders, icons */
  --promo-yellow: #E7AF2A; /* glow / highlights on dark only */
  --line-light: #E4D9C8;   /* hairline on cream (derived) */

  /* Dark theme (owner, 9 Oct 2026): deep espresso page, cream text, gold for buttons + accents only.
     The site reads these semantic tokens; brand colours above stay unchanged. Contrast checked in scripts/validate.mjs. */
  --bg: #24160D;           /* page background: deep near-black espresso brown */
  --surface: #3C2415;      /* cards, chat, visit card: brand espresso */
  --surface-2: #2E1C10;    /* alternate bands (How it works, Visit) */
  --surface-3: #4A2F1E;    /* chat bubble, placeholder tag */
  --text: #F5F0E8;         /* primary text: brand cream */
  --text-2: #D9CCB9;       /* secondary text (cream, toned; AA on every dark surface) */
  --line: #5E4433;         /* hairlines on dark */
  --bean: #8A6243;         /* decorative coffee beans (low opacity) */
  --footer-bg: #1A0F08;

  /* Type — one pairing (brand kit: warm serif headings + clean sans UI) */
  /* Explicit fallbacks so Android/Chrome (no Georgia/Helvetica) still gets a serif heading + sans body, never the browser default. */
  --font-head: Georgia, "Times New Roman", "Noto Serif", "Droid Serif", "Source Serif Pro", serif;
  --font-body: "Helvetica Neue", Helvetica, Arial, Roboto, "Noto Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-xl: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
  --fs-hero: clamp(2.25rem, 1.4rem + 3.6vw, 4.25rem);
  --lh-tight: 1.08;
  --lh-body: 1.55;
  --tracking-eyebrow: 0.14em;

  /* Space, shape, motion */
  --space-1: 0.5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2.5rem; --space-5: 4rem; --space-6: 6rem;
  --radius-sm: 10px; --radius-md: 18px; --radius-pill: 999px;
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.35);
  --maxw: 1180px;
  --nav-h: 64px;
  --ease: cubic-bezier(.2,.7,.2,1);
}