:root {
  --navy: oklch(22% 0.035 263);
  --navy-soft: oklch(27% 0.036 262);
  --navy-raised: oklch(31% 0.043 261);
  --lime: oklch(92% 0.245 120);
  --lime-soft: oklch(94% 0.15 116);
  --coral: oklch(66% 0.23 35);
  --paper: oklch(96% 0.017 110);
  --muted: oklch(70% 0.027 153);
  --grid: oklch(48% 0.08 120 / 0.32);
  --line: oklch(92% 0.245 120 / 0.18);
  --danger: oklch(70% 0.20 34);
  --warning: oklch(88% 0.16 91);
  --ok: oklch(88% 0.16 145);
  --color-focus: oklch(82% 0.18 55);
  --color-accent-ink: var(--navy);
  --surface-glass: oklch(22% 0.035 263 / 0.92);
  --surface-card: oklch(27% 0.036 262 / 0.96);
  --surface-stage: oklch(22% 0.035 263 / 0.80);
  --surface-lime: oklch(92% 0.245 120 / 0.08);
  --surface-coral: oklch(66% 0.23 35 / 0.08);
  --rule-soft: oklch(96% 0.017 110 / 0.10);
  --rule-faint: oklch(96% 0.017 110 / 0.08);
  --font-display: "Golos Text", "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --radius: 18px;
  --shadow: 0 28px 70px oklch(0% 0 0 / 0.28);
  --dur-press: 100ms;
  --dur-short: 180ms;
  --dur-panel: 260ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
}