/* Crew of One · approved monochrome direction · Anton + Switzer */
:root {
  --color-paper: oklch(96% .006 250);
  --color-panel: oklch(91.5% .006 250);
  --color-portrait-backdrop: #d9dde1; /* sampled from the CV portrait’s plain background */
  --color-ink: oklch(19% .008 250);
  --color-muted: oklch(43% .008 250);
  --color-line: oklch(75% .008 250);
  --color-accent: var(--color-ink);
  --color-on-accent: var(--color-paper);
  --color-focus: var(--color-ink);
  --color-inverse-muted: oklch(80% .006 250);
  --color-inverse-line: oklch(51% .008 250);
  --color-field: oklch(23% .008 250);
  --color-error: oklch(80% .13 29);
  --color-transparent: transparent;
  --font-display: 'Anton', Impact, sans-serif;
  --font-body: 'Switzer', Arial, sans-serif;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 128px;
  --gutter: clamp(20px, 4vw, 64px);
  --text-small: .875rem;
  --text-body: 1.0625rem;
  --text-display: clamp(3rem, 6vw, 5.75rem);
  --text-section: clamp(2.5rem, 4.6vw, 4.75rem);
  --text-title: clamp(1.75rem, 3.4vw, 3.25rem);
  --rule: 1px solid var(--color-line);
  --rule-inverse: 1px solid var(--color-inverse-line);
  --radius: 0;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: 150ms;
}