/* Hallmark · macrostructure: Marquee Hero · theme: Cobalt · tone: atmospheric · anchor hue: cool cyan */
:root { --color-paper: oklch(17% .035 245); --color-paper-2: oklch(21% .04 245); --color-paper-3: oklch(27% .05 245); --color-ink: oklch(94% .018 210); --color-muted: oklch(76% .035 220); --color-dim: oklch(62% .03 225); --color-accent: oklch(77% .14 196); --color-accent-strong: oklch(84% .13 190); --color-accent-ink: oklch(16% .03 240); --color-rule: oklch(38% .04 236); --color-clear: oklch(0% 0 0 / 0); --color-overlay: oklch(10% .025 245 / .86); --color-glow: oklch(72% .14 198 / .24); --color-focus: oklch(85% .16 190); --font-display: "Noto Sans SC", sans-serif; --font-body: "Noto Sans SC", sans-serif; --space-xs: .5rem; --space-sm: .75rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem; --space-3xl: 5rem; --text-xs: .75rem; --text-sm: .9rem; --text-md: 1.1rem; --text-lg: 1.35rem; --text-xl: 1.8rem; --text-2xl: 2.6rem; --text-3xl: 3.6rem; --text-display: clamp(3.5rem, 10vw, 8rem); --dur-short: 160ms; --dur-medium: 280ms; --ease-out: cubic-bezier(.2,.8,.2,1); --ease-in: cubic-bezier(.4,0,1,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --rule-thin: 1px; --radius-sm: .5rem; --radius-md: 1rem; }