:root {
    --background-deep: #070C18;
    --background-secondary: #0C1428;
    --background-mid: #101B32;
    --surface: #121E34;
    --surface-elevated: #172640;
    --text-primary: #F6F7F9;
    --text-secondary: #B4BFD0;
    --text-muted: #7A8799;
    --champagne: #D6B978;
    --champagne-soft: rgba(214, 185, 120, 0.12);
    --blue-electric: #4A8DFF;
    --blue-royal: #3B5BDB;
    --blue-accent: #5B9AFF;
    --violet: #7B5CF0;
    --violet-soft: rgba(123, 92, 240, 0.18);
    --cyan: #4DD4FF;
    --cyan-soft: rgba(77, 212, 255, 0.12);
    --blue-accent-soft: rgba(91, 154, 255, 0.14);
    --blue-glow: rgba(91, 154, 255, 0.45);
    --violet-glow: rgba(123, 92, 240, 0.35);
    --border-subtle: rgba(180, 191, 208, 0.1);
    --border-luminous: rgba(91, 154, 255, 0.22);
    --border-glow: rgba(214, 185, 120, 0.2);
    --glass-bg: rgba(10, 16, 30, 0.62);
    --glass-border: rgba(180, 191, 208, 0.06);

    --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;
    --space-2xl: 6rem;

    --container-max: 76rem;
    --header-height: 4.5rem;
    --radius-sm: 0.375rem;
    --radius: 0.75rem;
    --radius-lg: 1.25rem;
    --radius-xl: 1.75rem;

    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
    --duration-fast: 0.2s;
    --duration-base: 0.4s;
    --duration-slow: 0.8s;
    --duration-reveal: 1s;
}