/* design-system.css — Iron & Oak. SINGLE SOURCE OF TRUTH for tokens.
   Bold vintage-Americana broadside: bone paper, ink woodtype, vermilion + hunter green.
   Palette validated: lookup.mjs check -> all pass, 0 banned, not beige/brass, not pure #000/#fff. */
:root{
  /* ── colour — locked, 6 named values, two heritage accents (brief-licensed), no pure #000/#fff ── */
  --bg:#ece3cf;          /* aged bone-paper / poster stock */
  --surface:#e3d7bd;     /* deeper bone for panels + ticket-stubs */
  --ink:#1c1a16;         /* warm near-black, the press ink */
  --vermilion:#c8321f;   /* traditional flash red */
  --green:#2f5d3a;       /* hunter / forest green - the 2nd flash color */
  --muted:#6e6450;       /* aged ink for metadata + body-secondary */

  /* engine aliases (scaffold expects --text / --accent) */
  --text:var(--ink);
  --accent:var(--vermilion);
  --border:color-mix(in srgb,var(--ink) 26%,transparent);
  --border-strong:color-mix(in srgb,var(--ink) 60%,transparent);
  --paper-line:color-mix(in srgb,var(--ink) 14%,transparent);

  /* ── type ── */
  --font-display:"Alfa Slab One",Georgia,serif;     /* heavy letterpress slab - poster headlines */
  --font-wood:"Rye",Georgia,serif;                  /* western woodtype - eyebrows, marquee, accents */
  --font-body:"Hanken Grotesk",system-ui,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,monospace;

  /* ── type scale (intentional, poster-bold) ── */
  --step--2:.78rem;
  --step--1:.9rem;
  --step-0:1.02rem;
  --step-1:1.3rem;
  --step-2:1.74rem;
  --step-3:2.45rem;
  --step-4:clamp(3.1rem,6.5vw,5.2rem);
  --step-5:clamp(3.8rem,11vw,9rem);

  /* ── spacing + radius (ONE radius scale: SHARP / ticket-stub — fits the broadside brief) ── */
  --space:clamp(1rem,3vw,2rem);
  --section-y:clamp(3.25rem,5.5vw,5.5rem);
  --radius:0px;          /* all-sharp, broadside/letterpress */
  --rule:1.5px;          /* heavy press rules */
  --ease:cubic-bezier(.16,1,.3,1);

  /* tinted shadow to the paper hue (never pure-black drop shadow on light bg) */
  --shadow:6px 6px 0 0 var(--ink);            /* hard letterpress offset */
  --shadow-soft:0 2px 0 0 color-mix(in srgb,var(--ink) 22%,transparent);
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}