:root {
  --bg: oklch(0.13 0 0);
  --surface: oklch(0.19 0 0);
  --surface-hover: oklch(0.27 0 0);
  --fg: oklch(0.97 0 0);
  --muted: oklch(0.74 0 0);
  --border: oklch(0.32 0 0);
  --accent: oklch(0.86 0.17 92);
  --accent-hover: oklch(0.78 0.17 92);
  --on-accent: oklch(0.16 0 0);

  --paper: oklch(0.965 0 0);
  --paper-2: oklch(0.92 0 0);
  --paper-hover: oklch(0.86 0 0);
  --paper-fg: oklch(0.16 0 0);
  --paper-muted: oklch(0.42 0 0);
  --paper-border: oklch(0.84 0 0);

  --wood: oklch(0.3 0.02 60);
  --wood-edge: oklch(0.22 0.015 60);
  --chrome-hi: oklch(0.96 0 0);
  --chrome-lo: oklch(0.42 0 0);
  --shadow: oklch(0 0 0 / 0.35);
  --shadow-soft: oklch(0 0 0 / 0.18);
  --scrim: oklch(0.13 0 0 / 0.72);

  --font-display: "Anton", "Oswald", Impact, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --fs-micro: 0.75rem;
  --fs-small: 0.875rem;
  --fs-body: 1.0625rem;
  --fs-lead: clamp(1.125rem, 1.5vw, 1.375rem);
  --fs-h3: clamp(1.375rem, 2.2vw, 1.875rem);
  --fs-h2: clamp(2.75rem, 7vw, 6.5rem);
  --fs-hero: clamp(5.5rem, 23vw, 25rem);
  --fs-mega: clamp(5rem, 19vw, 20rem);

  --lh-hero: 0.8;
  --lh-tight: 0.92;
  --lh-snug: 1.2;
  --lh-body: 1.55;
  --track-caps: 0.12em;
  --track-display: 0.005em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 5rem;
  --space-9: clamp(5rem, 11vw, 9rem);

  --radius-sm: 0.625rem;
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --radius-pill: 999px;

  --container: 1320px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --nav-h: 72px;
  --touch: 44px;
  --border-w: 1.5px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 0.18s;
  --dur-med: 0.5s;
  --dur-slow: 0.9s;

  --z-stage: 1;
  --z-portrait: 2;
  --z-name-front: 3;
  --z-ribbon: 4;
  --z-floaters: 5;
  --z-peek: 40;
  --z-nav: 50;
  --z-cursor: 100;
}