:root {
  --color-paper: oklch(98% 0.008 85);
  --color-paper-2: oklch(94% 0.012 85);
  --color-ink: oklch(20% 0.025 250);
  --color-muted: oklch(48% 0.03 250);
  --color-rule: oklch(84% 0.018 250);
  --color-accent: oklch(56% 0.14 180);
  --color-accent-ink: oklch(99% 0.006 180);
  --color-focus: oklch(54% 0.16 245);
  --color-white: oklch(99% 0.005 85);
  --color-danger: oklch(52% 0.18 25);
  --font-display: "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
  --font-body: "Avenir Next", Avenir, "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
  --font-serif: Iowan Old Style, Baskerville, Georgia, serif;
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 72px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 28px;
  --text-display: clamp(44px, 7vw, 88px);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --rule-thin: 1px;
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-short: 180ms;
}