/* ============================================================
   DESIGN TOKENS — the only place raw values are allowed.
   Values below are GRAYSCALE PLACEHOLDERS so the library reads
   as a wireframe. Replace every slot per client, then lock it
   in TOKENS-LOCK.md before building.
   ============================================================ */
:root{

 /* ---- COLOR ------------------------------------------------
    Contrast gates (WCAG): body text on ground >= 7:1,
    small/soft text >= 4.5:1, display-only colors exempt but
    must be flagged DISPLAY ONLY in the lock doc. */
 --brand:#9a2b20;      /* their red script mark and the fired crust */
 --accent:#7d2117;     /* pressed state of the accent only */
 --ink:#16110e;        /* dining-room woodwork, menu card text */
 --ink-soft:#4a423c;   /* secondary text, passes 4.5:1 on linen */
 --ground:#f1ece1;     /* their menu card stock */
 --surface:#fbf8f1;    /* photo-matte board */
 --line:#ddd4c4;       /* hairlines */
 --on-brand:#f1ece1;   /* text on the accent */

 /* ---- TYPE -------------------------------------------------
    Placeholder stacks. Pick real fonts per client at lock time.
    Display font may be hairline/fancy; if so it is DISPLAY ONLY,
    never small text. */
 --font-display:'Source Serif 4',Georgia,serif;
 --font-body:'Bricolage Grotesque',system-ui,sans-serif;

 --fs-hero:clamp(1.5rem,3.6vw,3.4rem);   /* DISPLAY */
 --fs-h2:clamp(1.5rem,3.6vw,3.4rem);     /* DISPLAY, same role */
 --fs-h3:1.15rem;
 --fs-body:1rem;
 --fs-small:.875rem;
 --fs-caps:.8rem;        /* letterspaced label size */

 --lh-tight:1.05;
 --lh-body:1.45;
 --track-caps:.16em;     /* letterspacing for caps labels */

 /* ---- SPACE ------------------------------------------------ */
 --s1:4px; --s2:8px; --s3:12px; --s4:16px;
 --s5:24px; --s6:40px; --s7:64px;
 --section:clamp(48px,9vw,104px);   /* vertical rhythm between sections */
 --gutter:clamp(18px,4vw,32px);     /* page side padding */
 --maxw:1160px;                     /* container. Steps up on big monitors */
 --maxw-wide:1400px;                /* container at >=1800px viewports */

 /* ---- SHAPE + DEPTH ---------------------------------------- */
 --radius:10px;
 --radius-big:18px;
 --shadow:0 2px 14px rgba(0,0,0,.07);

 /* ---- CHROME ----------------------------------------------- */
 --nav-h:64px;
}

/* Buxton's additions: the three roles and the one signal colour. */
:root{
  --fs-head:clamp(1.05rem,1.5vw,1.35rem);
  --lh-head:1.3;
  --fs-body:1rem;
  --open:#6fa97a;            /* live open-status dot only */
  --crust:#241810;           /* deep crust brown: footer ground, separates from the char scrims */
  --maxw:1680px;             
  --maxw-wide:1680px;
  --gutter:clamp(1.25rem,4vw,4.5rem);
}