/* Framework27 V2 — design tokens. Source of truth: DESIGN-SYSTEM.md §2–4.
   Change tokens here only; components read tokens, pages read components. */
:root {
  /* colour */
  --ink: #0A0A0A;
  --ink-2: #111214;
  --ink-3: #17181B;
  --paper: #FAFAFA;
  --paper-2: #FFFFFF;
  --char: #1A1A1A;
  --text-d: #E8EAED;
  --mute-d: #9BA0A8;
  --mute-l: #5B6068;
  --line-d: rgba(255,255,255,.08);
  --line-l: rgba(10,10,10,.10);
  --blue: #0057FF;
  --blue-hi: #3D7DFF;
  --live: #2FBF71;
  --gate: #E8A13A;
  --queue: #6B7280;

  /* type */
  --font-head: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --fs-hero: clamp(2.6rem, 6.2vw, 4.9rem);
  --fs-h2: clamp(1.9rem, 3.6vw, 3rem);
  --fs-h3: clamp(1.2rem, 1.8vw, 1.5rem);
  --fs-body: clamp(1rem, 1.15vw, 1.125rem);
  --fs-small: .875rem;
  --fs-eyebrow: .75rem;

  /* space */
  --s1: 8px;  --s2: 16px; --s3: 24px; --s4: 32px; --s5: 48px;
  --s6: 64px; --s7: 96px; --s8: 128px; --s9: 160px; --s10: 224px;
  --container: 1180px;
  --pad: clamp(20px, 4vw, 48px);

  /* shape */
  --r-s: 8px;
  --r-m: 14px;
  --r-btn: 10px;

  /* elevation (light bands only) */
  --shadow-card: 0 1px 2px rgba(10,10,10,.05), 0 8px 24px rgba(10,10,10,.06);

  /* motion */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --t-fast: 200ms;
  --t-med: 240ms;
}