/* tokens.css — design tokens
   Palette aligned with ANTEROOM corporate colors (CLAUDE.md):
     navy #001135, surface #0d1e42, surfaceHigh #19294d, surfaceHighest #243458,
     gold #eac249, teal #69dab8, text #dae2ff, text-secondary #c5c6cf.
   Editorial-Terminal var names kept so all existing CSS inherits correctly. */
:root {
  /* ─── Ink palette (primary dark sections) — mapped to corporate navy/surface ─── */
  --ink-900: #001135;   /* corporate background — navy */
  --ink-800: #0d1e42;   /* corporate surface */
  --ink-700: #19294d;   /* corporate surfaceHigh — borders */
  --ink-500: #6a7290;   /* corporate tx3 — muted text / decorative mono */
  --ink-300: #c5c6cf;   /* corporate textSecondary */
  --ink-100: #dae2ff;   /* corporate text — primary */

  /* ─── Cream palette (alternating light sections) ─── */
  --cream-50:  #FAF6EE;
  --cream-100: #F2EDE0;
  --cream-200: #E5DDCB;
  --cream-600: #6B6352;
  --cream-800: #3A352A;
  --cream-900: #1C1A14;

  /* ─── Accents — corporate gold + teal ─── */
  --amber-signal: #eac249;   /* corporate gold */
  --bronze-400:   #B8936A;   /* editorial scale accent (section numerals only) */
  --terminal-green: #69dab8; /* corporate teal (live indicators, OPEN statuses) */

  /* ─── Type ─── */
  --font-serif: "Fraunces", Georgia, serif;
  --font-sans:  "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:  "JetBrains Mono", ui-monospace, Menlo, monospace;

  /* ─── Layout ─── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* ─── Rhythm ─── */
  --section-pad-y: clamp(5rem, 3rem + 6vw, 9rem);
  --container-max: 1360px;
  --content-max:   1120px;
  --gutter:        clamp(1.25rem, 0.5rem + 2vw, 2rem);

  /* ─── Motion ─── */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 180ms;
  --duration-med:  420ms;
  --duration-slow: 900ms;

  /* ─── Legacy palette (migration continuity — remove in Step 14) ─── */
  --navy:#001135;
  --s1:#081a3e;
  --s2:#0d1e42;
  --s3:#19294d;
  --s4:#243458;
  --gold:#eac249;
  --teal:#69dab8;
  --tx:#dae2ff;
  --tx2:#a0a8c0;
  --tx3:#6a7290;
  --bdr:rgba(234,194,73,.10);
  --r:clamp(20px,4vw,80px);
}