:root {
  --color-report-paper: oklch(92% 0.017 185);
  --color-report-back: oklch(75% 0.025 190);
  --color-report-ink: oklch(22% 0.016 190);
  --color-report-muted: oklch(40% 0.018 190);
  --color-report-rule: oklch(70% 0.024 190);
  --color-report-alert: oklch(40% 0.07 60);
  --color-bg: oklch(13% 0.006 190);
  --color-surface: oklch(17% 0.009 190);
  --color-surface-raised: oklch(21% 0.012 190);
  --color-ink: oklch(94% 0.012 195);
  --color-muted: oklch(72% 0.022 195);
  --color-quiet: oklch(58% 0.022 195);
  --color-line: color-mix(in oklch, var(--color-ink) 13%, transparent);
  --color-line-strong: color-mix(in oklch, var(--color-ink) 24%, transparent);
  --color-accent: oklch(82% 0.06 205);
  --color-accent-hover: oklch(88% 0.052 205);
  --color-accent-ink: oklch(20% 0.025 205);
  --color-warning: oklch(82% 0.11 75);
  --color-danger: oklch(70% 0.15 8);
  --color-ok: oklch(76% 0.08 155);
  --color-shadow: oklch(0% 0 0 / 45%);

  --font-display: "Instrument Sans", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --space-5xl: 96px;

  --text-label: 11px;
  --text-body: 16px;
  --text-lede: clamp(17px, 1.8vw, 21px);
  --text-section: clamp(32px, 4.5vw, 58px);
  --text-display: clamp(44px, 7.2vw, 92px);

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-short: 140ms;
  --dur-medium: 220ms;

  --rule-subtle: 1px solid var(--color-line);
  --rule-strong: 1px solid var(--color-line-strong);
  --radius-control: 999px;
  --radius-menu: 14px;
}