/* Hallmark · route: custom (bespoke) · structure: index-first reading room · idea: "a billiard table as the portfolio map"
 * paper: oklch(22% 0.035 155) · accent: oklch(72% 0.15 75) · display: Fraunces · body: Geist
 * axes: dark / roman-serif / warm · gates: all-pass · studied: no
 */
:root {
    --color-paper: oklch(22% 0.035 155);
    --color-paper-2: oklch(28% 0.03 155);
    --color-paper-3: oklch(94% 0.02 82);
    --color-ink: oklch(92% 0.018 82);
    --color-muted: oklch(72% 0.025 145);
    --color-rule: oklch(49% 0.035 155);
    --color-rule-soft: oklch(36% 0.035 155);
    --color-accent: oklch(72% 0.15 75);
    --color-accent-ink: oklch(24% 0.035 155);
    --color-focus: oklch(81% 0.15 75);
    --color-header: oklch(22% 0.035 155 / 0.96);
    --font-display: "Fraunces", Georgia, serif;
    --font-body: "Geist", "Segoe UI", sans-serif;
    --font-mono: "DM Mono", Consolas, monospace;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2.5rem;
    --space-2xl: 4rem;
    --space-3xl: 7rem;
    --radius-small: 0.25rem;
    --radius-pill: 999px;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
    --dur-short: 180ms;
    --dur-medium: 420ms;
    --z-sticky: 200;
}