:root {
  --color-paper: oklch(98.4% 0.003 250);
  --color-paper-2: oklch(96.2% 0.004 250);
  --color-rule: oklch(87% 0.006 255);
  --color-rule-2: oklch(92.5% 0.005 255);
  --color-muted: oklch(50% 0.012 255);
  --color-ink-2: oklch(38% 0.012 255);
  --color-ink: oklch(20% 0.012 255);
  --color-accent: oklch(67% 0.19 42);
  --color-focus: oklch(56% 0.2 42);

  --font-display: "Switzer", "IBM Plex Sans", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --text-caption: 0.6875rem;
  --text-sm: 0.8125rem;
  --text-base: 1rem;
  --text-lg: 1.3125rem;
  --text-display: clamp(2.25rem, 4.6vw + 0.5rem, 4.25rem);

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;

  --page-max: 75rem;
  --page-gutter: clamp(1rem, 4vw, 2.5rem);
  --rule-width: 1px;
  --radius: 0.125rem;

  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
}