:root {
  --color-paper: oklch(17% 0.018 252);
  --color-paper-2: oklch(21% 0.021 252);
  --color-surface: oklch(94% 0.012 82);
  --color-ink: oklch(96% 0.012 82);
  --color-ink-dark: oklch(18% 0.018 252);
  --color-muted: oklch(73% 0.022 250);
  --color-rule: oklch(42% 0.025 251);
  --color-rule-light: oklch(84% 0.012 82);
  --color-accent: oklch(49% 0.3 264);
  --color-accent-ink: oklch(96% 0.012 82);
  --color-accent-soft: oklch(91% 0.045 264);
  --color-dark: var(--color-paper);
  --color-focus: oklch(75% 0.18 264);
  --font-display: "Space Grotesk", "Arial Narrow", sans-serif;
  --font-body: "Space Grotesk", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, monospace;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: clamp(2rem, 3vw, 3.5rem);
  --space-xl: clamp(4rem, 7vw, 7.5rem);
  --space-2xl: clamp(6rem, 11vw, 12rem);
  --text-sm: 0.78rem;
  --text-body: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --text-large: clamp(1.2rem, 1.06rem + 0.55vw, 1.55rem);
  --text-h2: clamp(2.6rem, 1.7rem + 4vw, 6.4rem);
  --text-display: clamp(4rem, 2rem + 8.6vw, 11.5rem);
  --radius-control: 0.2rem;
  --radius-surface: 0.35rem;
  --radius-pill: 999px;
  --rule-thin: 1px;
  --dur-fast: 160ms;
  --dur-normal: 280ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --container-pad: clamp(1rem, 3.4vw, 3.75rem);
  --wide: 1440px;
}