:root {
    --color-void: #000000;
    --color-abyss: #050505;
    --color-black-soft: #0a0a0a;
    --color-graphite: #111111;
    --color-line: rgba(255, 255, 255, 0.16);
    --color-line-soft: rgba(255, 255, 255, 0.08);
    --color-text: rgba(255, 255, 255, 0.92);
    --color-muted: rgba(255, 255, 255, 0.58);
    --color-faint: rgba(255, 255, 255, 0.34);
    --color-ghost: rgba(255, 255, 255, 0.08);

    --font-display: "Cormorant Garamond", Georgia, serif;
    --font-mono: "Space Mono", "Courier New", monospace;

    --text-xs: 0.6875rem;
    --text-sm: 0.8125rem;
    --text-base: 1rem;
    --text-lg: clamp(1rem, 1.2vw, 1.25rem);
    --text-title: clamp(3rem, 7.4vw, 8.6rem);
    --text-room: clamp(2.5rem, 6vw, 6.4rem);

    --space-1: 0.5rem;
    --space-2: 0.75rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-7: 5rem;

    --header-height: 6rem;
    --rail-height: 8rem;
    --page-pad: clamp(1.5rem, 3.6vw, 4.5rem);
    --content-max: 1600px;

    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-inout: cubic-bezier(0.87, 0, 0.13, 1);
    --duration-fast: 180ms;
    --duration: 520ms;
    --duration-slow: 1200ms;

    --z-canvas: 1;
    --z-ui: 10;
    --z-header: 30;
    --z-nav: 40;
    --z-rail: 35;
    --z-overlay: 50;
    --z-cursor: 60;
}