/* ============================================================
   tokens.css — BRAND-KIT.md v2. Dark only; there is no light mode.
   Tracks may ADD tokens; redefining any of these FAILS the build.
   ============================================================ */
:root{
  color-scheme:dark;

  /* the stage */
  --black:#000000;
  --stage:#0A0A0A;        /* warmed off pure black - pure black is a flat wall */
  --white:#FFFFFF;

  /* the triad */
  --red:#C84B32;
  --yellow:#E1C832;
  --blue:#1D88FE;

  /* light values - emitters read lighter than pigment */
  --red-lit:#FF6040;
  --yellow-lit:#FFD648;
  --blue-lit:#46A6FF;

  /* the three approved tints */
  --red-tint:#D67865;
  --yellow-tint:#E9D665;
  --blue-tint:#56A6FE;

  /* text + structure */
  --ink:#FFFFFF;
  --ink-2:#C7C7C9;        /* body (12.4:1 on stage) */
  --ink-3:#83838A;        /* captions, meta (5.6:1) */
  --gray:#404040;         /* rules only. NEVER text (2.0:1) */

  --blue-deep:#1668C4;    /* fills that carry body text (5.6:1 with white) */
  --surface-1:#111112;
  --surface-2:#17171A;
  --line:rgba(255,255,255,.17);
  --line-soft:rgba(255,255,255,.08);
  --scrim:rgba(0,0,0,.93);

  /* type — two faces, no third */
  --display:Moranga,Georgia,serif;
  --body:Inter,system-ui,sans-serif;

  /* type scale. Moranga is display only, never below 24px. */
  --t-hero:clamp(2.75rem,6.1vw,5.5rem);      /* 44 -> 88 */
  --t-sec:clamp(2rem,3.9vw,3.5rem);          /* 32 -> 56 */
  --t-sub:clamp(1.5rem,2.3vw,2rem);          /* 24 -> 32 */
  --t-num:clamp(2.25rem,3.6vw,3.25rem);
  --t-lede:clamp(1.0625rem,1.35vw,1.3125rem);
  --t-body:1.0625rem;                        /* 17 */
  --t-eyebrow:.8125rem;                      /* 13, caps, +.1em */
  --t-caption:.8125rem;

  --lh-hero:.90; --lh-sec:1.0; --lh-body:1.6;
  --tr-hero:-.035em; --tr-sec:-.032em; --tr-eyebrow:.1em;

  /* space scale — nothing off it */
  --s-1:8px;  --s-2:16px; --s-3:24px; --s-4:32px;
  --s-5:48px; --s-6:64px; --s-7:96px; --s-8:128px; --s-9:192px;
  --rhythm:clamp(var(--s-7),11vw,var(--s-8));   /* between sections */
  --rhythm-lg:clamp(var(--s-8),15vw,var(--s-9));/* act breaks */

  /* grid — 12 x 88 + 11 x 24 = 1320 */
  --maxw:1320px;
  --gutter:24px;
  --margin:clamp(20px,4.2vw,60px);
  --measure:640px;        /* the narrow bit is the TEXT, never the container */

  /* shape */
  --r-lg:22px; --r-md:16px; --r-sm:11px;

  /* motion */
  --ease:cubic-bezier(.2,.7,.3,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-state:180ms;
  --dur-enter:420ms;
  --stagger:70ms;
}