:root {
    color-scheme: dark;

    /* --- PALETTE: Opulence Noir (Premium Dark Luxury) --- */
    --color-bg: #0D1117;
    --color-bg-alt: #1A1F2E;
    --color-bg-tertiary: #252B3A;
    --color-accent-gold: #8B5CF6;
    --color-accent-gold-hover: #A78BFA;
    --color-accent-purple: #8B5CF6;
    --color-accent-purple-hover: #A78BFA;
    --color-accent-platinum: #F5F5F5;
    --color-white: #FFFFFF;
    --color-text-primary: #8B5CF6;
    --color-text-secondary: #B8A4D4;
    --color-text-muted: #8B95A8;
    --color-text-body: #D4D8E0;

    /* Borders & Effects */
    --color-border: rgba(139, 92, 246, 0.12);
    --color-border-purple: rgba(139, 92, 246, 0.12);
    --color-glow-gold: rgba(139, 92, 246, 0.25);
    --color-glow-purple: rgba(139, 92, 246, 0.2);

    /* Radii */
    --radius-card: 16px;
    --radius-btn: 12px;
    --radius-sm: 8px;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.7);
    --shadow-glow: 0 0 24px rgba(139, 92, 246, 0.35);
    --shadow-purple-glow: 0 0 20px rgba(139, 92, 246, 0.3);

    /* --- TYPOGRAPHY --- */
    --font-display: "Poppins", system-ui, -apple-system, sans-serif;
    --font-sans: "DM Sans", system-ui, -apple-system, sans-serif;
    --font-mono: "Space Mono", monospace;

    --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
    --text-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
    --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
    --text-lg: clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);
    --text-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
    --text-2xl: clamp(1.5rem, 1.35rem + 0.75vw, 2rem);
    --text-3xl: clamp(2rem, 1.8rem + 1vw, 2.5rem);
    --text-4xl: clamp(2.5rem, 2.1rem + 2vw, 4rem);
    --text-5xl: clamp(3rem, 2.5rem + 2.5vw, 5rem);

    /* --- SPACING (8px Base Unit) --- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;

    /* --- LAYOUT --- */
    --shell-width: min(100% - 2rem, 1280px);

    /* --- ANIMATION --- */
    --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --transition: 0.25s var(--ease-out);
    --transition-slow: 0.35s var(--ease-out);
}