:root {
    --color-paper: oklch(98.2% 0.006 266);
    --color-paper-raised: oklch(99% 0.004 266);
    --color-canvas: oklch(93.5% 0.012 266);
    --color-side: oklch(96.4% 0.011 273);
    --color-ink: oklch(19% 0.025 270);
    --color-ink-2: oklch(31% 0.022 270);
    --color-muted: oklch(46% 0.018 270);
    --color-rule: oklch(84% 0.014 270);
    --color-rule-strong: oklch(70% 0.022 270);
    --color-accent: oklch(58% 0.23 307);
    --color-signal: oklch(60% 0.2 258);
    --color-focus: oklch(66% 0.2 258);
    --color-hero: oklch(15% 0.055 278);
    --color-hero-2: oklch(20% 0.062 279);
    --color-hero-ink: oklch(96% 0.012 268);
    --color-hero-muted: oklch(80% 0.032 272);
    --color-hero-rule: oklch(69% 0.036 274 / 0.34);
    --color-hero-surface: oklch(96% 0.012 268 / 0.08);
    --color-on-accent: oklch(98% 0.006 266);
    --color-shadow: oklch(14% 0.04 275 / 0.16);

    --font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

    --space-3xs: 0.25rem;
    --space-2xs: 0.5rem;
    --space-xs: 0.75rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 4rem;

    --text-xs: 0.6875rem;
    --text-sm: 0.8125rem;
    --text-base: 0.9375rem;
    --text-md: 1.0625rem;
    --text-lg: 1.3125rem;
    --text-xl: 1.75rem;
    --text-display: clamp(2.4rem, 9vw, 3.65rem);

    --radius-sm: 0.375rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --rule-width: 1px;
    --page-width: 210mm;
    --page-height: 297mm;
    --page-gutter: 14mm;
    --page-gutter-compact: 9mm;
    --shadow-sheet: 0 1.5rem 4rem var(--color-shadow);

    --dur-instant: 100ms;
    --dur-short: 180ms;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

    --z-base: 1;
    --z-raised: 10;
    --z-sticky: 200;
}