:root {
    --color-bg: #000000;
    --color-bg-elevated: #0a0a0a;
    --color-bg-card: #020202;
    --color-fg: #ffffff;
    --color-fg-dim: #cccccc;
    --color-muted: #8f8f8f;
    --color-border: #262626;
    --color-border-strong: #383838;

    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

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

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-pill: 999px;

    --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-soft: cubic-bezier(0.4, 0, 0.2, 1);

    --duration-fast: 0.2s;
    --duration-base: 0.35s;
    --duration-slow: 0.8s;

    --shadow-elevated: 0 20px 60px rgba(0, 0, 0, 0.45);
    --shadow-modal: 0 40px 100px rgba(0, 0, 0, 0.6);

    --z-dot-grid: 40;
    --z-nav: 50;
    --z-marquee-fade: 2;
    --z-modal: 200;

    --content-padding-inline: clamp(1.25rem, 5vw, 4rem);
}