:root{--color-paper: oklch(12% .012 265);--color-paper-2: oklch(15% .014 265);--color-paper-3: oklch(19% .016 265);--color-paper-hover: oklch(22% .018 265);--color-ink: oklch(92% .01 265);--color-ink-2: oklch(62% .02 265);--color-ink-3: oklch(42% .015 265);--color-accent: oklch(74% .14 85);--color-accent-soft: oklch(74% .14 85 / .14);--color-accent-ink: oklch(18% .03 85);--color-blue: oklch(58% .14 250);--color-blue-soft: oklch(58% .14 250 / .16);--color-focus: oklch(74% .14 85);--color-rule: oklch(92% .01 265 / .08);--color-rule-strong: oklch(92% .01 265 / .14);--color-overlay: oklch(0% 0 0 / .72);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Mono", Consolas, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-md: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: clamp(1.75rem, 3.5vw, 2.5rem);--text-display: clamp(2rem, 5vw, 3.5rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4.5rem;--space-3xl: 7rem;--page-gutter: clamp(1rem, 4vw, 3rem);--max-width: 1280px;--radius-sm: 6px;--radius-md: 10px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--dur-short: .18s;--dur-mid: .28s;--rule-hair: 1px;--nav-height: 56px;--z-nav: 100;--z-viewer: 200}