/* Oktopus Prod — shared design tokens. */
:root {
  color-scheme: dark;
  --color-paper: oklch(13% 0.015 290);
  --color-surface: oklch(17% 0.018 290);
  --color-surface-high: oklch(22% 0.025 290);
  --color-ink: oklch(96% 0.008 290);
  --color-muted: oklch(73% 0.018 290);
  --color-accent: oklch(76% 0.15 295);
  --color-accent-dark: oklch(26% 0.07 295);
  --color-rule: oklch(30% 0.022 290);
  --color-poster: oklch(24% 0.055 285);
  --color-poster-line: oklch(39% 0.08 290);
  --color-focus: oklch(84% 0.12 295);
  --color-error: oklch(82% 0.1 25);
  --color-input-border: oklch(53% 0.028 290);
  --color-clear: transparent;
  --font-display: "Space Grotesk", "Arial", sans-serif;
  --font-body: "DM Sans", "Segoe UI", sans-serif;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --text-small: 0.875rem;
  --text-body: 1rem;
  --text-lead: 1.125rem;
  --text-title: clamp(2rem, 4.4vw, 3.5rem);
  --text-display: clamp(2.75rem, 6.2vw, 5.5rem);
  --radius-small: 0.25rem;
  --radius-medium: 0.75rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;
  --page-width: 76rem;
  --page-gutter: clamp(1.25rem, 4.5vw, 5rem);
}