:root {
    --color-ink: oklch(0 0 0);
    --color-ink-soft: oklch(0.13 0 0);
    --color-surface: oklch(0.18 0 0);
    --color-surface-raised: oklch(0.22 0 0);
    --color-line: oklch(0.31 0 0);
    --color-paper: oklch(0.96 0 0);
    --color-muted: oklch(0.73 0 0);
    --color-muted-deep: oklch(0.58 0 0);
    --color-signal: oklch(0.88 0.18 94);
    --color-signal-strong: oklch(0.78 0.16 92);
    --color-signal-deep: oklch(0.55 0.13 90);
    --color-signal-ink: var(--color-ink);
    --color-danger: oklch(0.68 0.19 28);
    --color-success: oklch(0.72 0.15 145);
    --color-focus: oklch(0.96 0.12 94);
    --color-overlay: oklch(0.1 0 0 / 0.72);
    --color-overlay-soft: oklch(0.12 0 0 / 0.38);
    --color-ink-deep-glass: oklch(0.12 0 0 / 0.92);
    --color-ink-glass: oklch(0.12 0 0 / 0.86);
    --color-ink-soft-glass: oklch(0.12 0 0 / 0.72);
    --color-ink-button-glass: oklch(0.12 0 0 / 0.48);
    --color-ink-mobile-glass: oklch(0.12 0 0 / 0.88);
    --color-ink-94: oklch(0.15 0 0 / 0.94);
    --color-ink-78: oklch(0.15 0 0 / 0.78);
    --color-ink-70: oklch(0.15 0 0 / 0.7);
    --color-ink-50: oklch(0.15 0 0 / 0.5);
    --color-ink-36: oklch(0.15 0 0 / 0.36);
    --color-ink-24: oklch(0.15 0 0 / 0.24);
    --color-ink-22: oklch(0.15 0 0 / 0.22);
    --color-ink-04: oklch(0.15 0 0 / 0.04);
    --color-black-backdrop: oklch(0.06 0 0 / 0.72);
    --color-black-shadow: oklch(0 0 0 / 0.45);
    --color-white-line-soft: oklch(1 0 0 / 0.13);
    --color-white-line: oklch(1 0 0 / 0.24);
    --color-white-line-strong: oklch(1 0 0 / 0.3);
    --color-signal-halo: oklch(0.88 0.18 94 / 0.13);
    --color-signal-halo-soft: oklch(0.88 0.18 94 / 0.12);
    --color-signal-halo-strong: oklch(0.88 0.18 94 / 0.25);
    --color-ink-on-signal: oklch(0.26 0 0);

    --gradient-page: linear-gradient(135deg, var(--color-ink) 0%, var(--color-ink-soft) 52%, var(--color-ink) 100%);
    --gradient-section: linear-gradient(120deg, var(--color-ink-soft) 0%, var(--color-ink) 100%);
    --gradient-panel: linear-gradient(145deg, var(--color-surface) 0%, var(--color-ink-soft) 100%);

    --page-gutter: clamp(1.25rem, 4vw, 4.5rem);
    --font-body: var(--font-sans);
    --surface-light: oklch(0.28 0 0);
    --line-strong: oklch(0.42 0 0);
    --radius-md: 0;
    --z-dropdown: 20;
    --z-backdrop: 40;
    --z-drawer: 50;
    --z-toast: 60;

    --ink: var(--color-ink);
    --ink-soft: var(--color-ink-soft);
    --surface: var(--color-surface);
    --surface-raised: var(--color-surface-raised);
    --line: var(--color-line);
    --paper: var(--color-paper);
    --muted: var(--color-muted);
    --signal: var(--color-signal);
    --signal-strong: var(--color-signal-strong);
    --danger: var(--color-danger);
    --success: var(--color-success);

    --font-display: "Barlow Condensed", Impact, sans-serif;
    --font-sans: "IBM Plex Sans", Arial, sans-serif;
    --font-mono: "IBM Plex Mono", Consolas, 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;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-32: 8rem;

    --text-xs: 0.6875rem;
    --text-sm: 0.8125rem;
    --text-base: 1rem;
    --text-lg: 1.25rem;
    --text-xl: 1.75rem;
    --text-2xl: clamp(2.25rem, 5vw, 4.75rem);
    --text-hero: clamp(4.25rem, 12vw, 12.5rem);

    --radius-none: 0;
    --radius-sm: 0.25rem;
    --radius-pill: 999px;
    --rule-thin: 1px;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-linear: linear;
    --dur-fast: 160ms;
    --dur-base: 220ms;
    --dur-slow: 520ms;
    --dur-hero: 800ms;
    --dur-stagger: 50ms;
    --dur-headline-hold: 6000ms;
    --banner-height: 4.5rem;
    --z-sticky: 20;
    --z-sticky-nav: 30;
    --parallax-shift: 0px;
    --shadow-panel: 0 1.5rem 4rem oklch(0 0 0 / 0.25);
}