:root {
  /* Editorial ledger: warm paper, ink, one vermilion action color. */
  --color-paper: oklch(95.8% 0.014 82);
  --color-paper-sunk: oklch(92.6% 0.018 82);
  --color-ink: oklch(23% 0.018 255);
  --color-ink-muted: oklch(44% 0.016 255);
  --color-rule: oklch(83% 0.02 82);
  --color-rule-strong: oklch(30% 0.018 255);
  --color-accent: oklch(52% 0.165 38);
  --color-accent-strong: oklch(44% 0.155 38);
  --color-selection: oklch(84% 0.08 62);
  --color-shadow: oklch(23% 0.018 255 / 0.35);
  --color-cursor-edge: oklch(99% 0 0);
  --color-cursor-halo: oklch(23% 0.018 255 / 0.7);

  /* The cursor crew is tool chrome, not the portfolio brand. */
  --color-tool: oklch(52% 0.2 262);
  --color-tool-wash: oklch(52% 0.2 262 / 0.08);
  --color-guide: oklch(58% 0.22 0);
  --crew-1: oklch(52% 0.19 262);
  --crew-2: oklch(54% 0.17 40);
  --crew-3: oklch(48% 0.12 155);
  --crew-4: oklch(52% 0.19 350);
  --crew-5: oklch(50% 0.11 85);
  --crew-6: oklch(48% 0.1 210);
  --crew-7: oklch(48% 0.17 25);
  --crew-8: oklch(47% 0.11 125);

  --font-display: "IBM Plex Sans Condensed", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  --step--1: 0.8125rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --step-3: clamp(2rem, 1.4rem + 2.6vw, 3rem);
  --step-mast: clamp(3.25rem, 1.6rem + 8vw, 8.5rem);
  --step-email: clamp(1.75rem, 0.9rem + 4.6vw, 4.25rem);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --gutter: clamp(20px, 4vw, 40px);
  --radius: 3px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur: 160ms;

  color-scheme: light;
}