:root {
  --color-paper: oklch(17% .025 270);
  --color-paper-2: oklch(22% .028 270);
  --color-paper-3: oklch(28% .025 270);
  --color-ink: oklch(97% .005 100);
  --color-muted: oklch(76% .015 270);
  --color-rule: oklch(38% .025 270);
  --color-accent: oklch(91% .18 120);
  --color-accent-ink: oklch(20% .03 120);
  --color-focus: oklch(97% .005 100);
  --color-error: oklch(79% .13 30);
  --color-red: oklch(69% .23 25);
  --color-yellow: oklch(89% .16 90);
  --color-green: oklch(78% .17 160);
  --color-blue: oklch(72% .17 260);
  --font-display: 'Bricolage Grotesque', 'Avenir Next', sans-serif;
  --font-body: 'IBM Plex Sans', 'Avenir Next', sans-serif;
  --space-xs: .25rem; --space-sm: .5rem; --space-md: 1rem;
  --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem;
  --text-sm: .875rem; --text-base: 1rem; --text-lg: 1.25rem;
  --text-display: clamp(2rem, 5vw, 3.5rem);
  --radius-sm: .5rem; --radius-lg: 1.5rem;
  --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-micro: 120ms; --dur-short: 220ms;
}