/* BUILD-LOCK § 8 — Design Tokens */

:root {
  /* Color anchors */
  --surface-void: #040712;
  --surface-deep: #0a1423;   /* TOKENS.md — cards on void, modal back layer */
  --gold-base:    #b8860b;
  --ink-primary:  #f5f3ee;
  --ink-paper:    #2a2419;   /* TOKENS.md — text on cream-paper surfaces */
  --paper-cream:  #f4ecdb;   /* TOKENS.md — letter / paper-object surfaces */

  /* Derived (used in overlays/transitions) */
  --gold-hi:        #d4a017;
  --gold-pale:      #dcae5a;
  --ink-muted:      rgba(245, 243, 238, 0.55);
  --void-overlay:   rgba(4, 7, 18, 0.92);
  --line-faint:     rgba(245, 243, 238, 0.08);

  /* Type */
  --font-display: 'Bebas Neue', sans-serif;
  --font-serif:   'EB Garamond', serif;
  --font-sans:    'Work Sans', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Tracking — locked in TOKENS.md */
  --tracking-tight:   -0.01em;
  --tracking-wide:     0.1em;
  --tracking-wider:    0.25em;
  --tracking-widest:   0.4em;

  /* Motion */
  --ease-default:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --dur-frame:    600ms;   /* generic frame swap */
  --dur-takeover: 800ms;   /* Frame 08 */
  --dur-plaque:   1200ms;  /* Frame 09 */

  /* Spacing — 9-step scale, 4px → 96px */
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs:  12px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  32px;
  --space-xl:  48px;
  --space-2xl: 64px;
  --space-3xl: 96px;
}