:root {
  --color-paper: oklch(98% 0.008 120);
  --color-paper-2: oklch(95% 0.012 120);
  --color-paper-3: oklch(91% 0.018 120);
  --color-ink: oklch(21% 0.025 145);
  --color-ink-2: oklch(39% 0.028 145);
  --color-muted: oklch(53% 0.025 145);
  --color-rule: oklch(80% 0.025 130);
  --color-rule-2: oklch(88% 0.018 130);
  --color-primary: oklch(43% 0.105 143);
  --color-primary-dark: oklch(34% 0.09 143);
  --color-primary-soft: oklch(92% 0.055 143);
  --color-accent: oklch(72% 0.18 62);
  --color-accent-soft: oklch(93% 0.07 70);
  --color-danger: oklch(55% 0.19 28);
  --color-success: oklch(47% 0.12 145);
  --color-white-ink: oklch(98% 0.008 120);
  --color-shadow: oklch(20% 0.03 145 / 0.14);
  --color-overlay: oklch(15% 0.02 145 / 0.5);
  --color-focus: oklch(73% 0.21 62);
  --color-canvas-ink: oklch(34% 0.09 143);
  --font-display: "Arial Narrow", "Aptos Display", sans-serif;
  --font-body: "Aptos", "Segoe UI", sans-serif;
  --font-mono: "Cascadia Mono", monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.35rem;
  --text-2xl: clamp(1.7rem, 5vw, 2.35rem);
  --text-hero: clamp(2.25rem, 9vw, 4.4rem);
  --radius-sm: 0.45rem;
  --radius-md: 0.8rem;
  --radius-lg: 1.25rem;
  --radius-round: 999px;
  --rule-thin: 1px;
  --rule-heavy: 2px;
  --dur-fast: 150ms;
  --dur-normal: 240ms;
  --ease-standard: cubic-bezier(.2,.8,.2,1);
}