/* Ultra Dark Luxury Theme */
.dark-theme {
    /* Ultra Dark Colors - Near Black */
    --color-primary-accent: #D4AF37; /* Subtle Gold */
    --color-secondary-accent: #9D7BD8; /* Soft Purple */

    --color-surface-default: #0A0A0A;
    --color-surface-elevated: #0F0F0F;
    --color-surface-variant: #1A1A1A;
    --color-surface-hover: #151515;

    --color-background-primary: #000000;
    --color-background-secondary: #050505;
    --color-background-overlay: rgba(0, 0, 0, 0.95);

    --color-text-primary: #FAFAFA;
    --color-text-secondary: #B8B8B8;
    --color-text-tertiary: #707070;
    --color-text-inverse: #000000;
    --color-text-muted: #505050;

    --color-status-success: #4ADE80;
    --color-status-warning: #FBBF24;
    --color-status-error: #F87171;
    --color-status-info: #60A5FA;

    /* Premium Gradients */
    --gradient-gold-luxury: linear-gradient(135deg, #D4AF37 0%, #FFE57F 50%, #D4AF37 100%);
    --gradient-royal-purple: linear-gradient(135deg, #9D7BD8 0%, #7C3AED 50%, #9D7BD8 100%);
    --gradient-dark-surface: linear-gradient(180deg, #0A0A0A 0%, #000000 100%);
    --gradient-aurora: linear-gradient(135deg, #9D7BD8 0%, #D4AF37 100%);
    --gradient-midnight-black: linear-gradient(135deg, #000000 0%, #0A0A0A 100%);
    --gradient-subtle-glow: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.1) 0%, transparent 70%);

    /* Typography - Premium Fonts */
    --font-heading: 'Montserrat', -apple-system, sans-serif;
    --font-body: 'Lato', -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;

    /* Font Sizes - Refined Scale */
    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-base: 1rem;
    --fs-lg: 1.125rem;
    --fs-xl: 1.25rem;
    --fs-2xl: 1.5rem;
    --fs-3xl: 1.875rem;
    --fs-4xl: 2.25rem;
    --fs-5xl: 3rem;
    --fs-6xl: 3.75rem;
    --fs-7xl: 4.5rem;
    --fs-8xl: 6rem;
    --fs-9xl: 8rem;
    --fs-10xl: 10rem;

    /* Spacing - Luxurious Whitespace */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;
    --spacing-4xl: 6rem;
    --spacing-5xl: 8rem;
    --spacing-6xl: 12rem;
    --spacing-7xl: 16rem;
    --spacing-8xl: 20rem;

    /* Animation - Smooth & Premium */
    --duration-instant: 100ms;
    --duration-fast: 200ms;
    --duration-normal: 300ms;
    --duration-slow: 500ms;
    --duration-very-slow: 800ms;
    --duration-ultra-slow: 1200ms;
    --duration-hero: 2000ms;
    --duration-floating: 4000ms;

    --ease-premium: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-smooth: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-spring: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --ease-elastic: cubic-bezier(0.68, -0.6, 0.32, 1.6);

    /* Premium Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.8);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.85);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.9);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.95);
    --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.98);
    --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.9);

    /* Glow Shadows */
    --glow-gold: 0 0 30px rgba(212, 175, 55, 0.3);
    --glow-purple: 0 0 30px rgba(157, 123, 216, 0.3);
    --glow-subtle: 0 0 20px rgba(255, 255, 255, 0.03);
    --glow-intense: 0 0 40px rgba(212, 175, 55, 0.5);

    /* Components */
    --button-border-radius: 8px;
    --card-border-radius: 12px;
    --input-border-radius: 6px;
    --container-max-width: 1400px;
    --navigation-height: 80px;

    /* Glass Effect - Premium */
    --glass-backdrop: blur(20px) saturate(200%);
    --glass-background: rgba(10, 10, 10, 0.6);
    --glass-border: 1px solid rgba(255, 255, 255, 0.05);
    --glass-shine: linear-gradient(105deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0) 60%);

    /* Premium Borders */
    --border-subtle: 1px solid rgba(255, 255, 255, 0.03);
    --border-light: 1px solid rgba(255, 255, 255, 0.05);
    --border-medium: 1px solid rgba(255, 255, 255, 0.08);
    --border-gradient: 1px solid transparent;
}

/* Light Theme Override */
.light-theme {
    --color-primary-accent: #D4AF37;
    --color-secondary-accent: #7C3AED;

    --color-surface-default: #FFFFFF;
    --color-surface-elevated: #FAFAFA;
    --color-surface-variant: #F5F5F5;
    --color-surface-hover: #F0F0F0;

    --color-background-primary: #FFFFFF;
    --color-background-secondary: #FAFAFA;
    --color-background-overlay: rgba(255, 255, 255, 0.95);

    --color-text-primary: #0A0A0A;
    --color-text-secondary: #404040;
    --color-text-tertiary: #707070;
    --color-text-inverse: #FFFFFF;
    --color-text-muted: #A0A0A0;

    --color-status-success: #10B981;
    --color-status-warning: #F59E0B;
    --color-status-error: #EF4444;
    --color-status-info: #3B82F6;

    /* Light Theme Gradients */
    --gradient-gold-luxury: linear-gradient(135deg, #D4AF37 0%, #FFE57F 50%, #D4AF37 100%);
    --gradient-royal-purple: linear-gradient(135deg, #9D7BD8 0%, #7C3AED 50%, #9D7BD8 100%);
    --gradient-dark-surface: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%);
    --gradient-aurora: linear-gradient(135deg, #9D7BD8 0%, #D4AF37 100%);
    --gradient-midnight-black: linear-gradient(135deg, #F5F5F5 0%, #FFFFFF 100%);
    --gradient-subtle-glow: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.05) 0%, transparent 70%);

    /* Typography (inherited from dark theme) */
    --font-heading: 'Montserrat', -apple-system, sans-serif;
    --font-body: 'Lato', -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;

    /* Font Sizes (inherited) */
    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-base: 1rem;
    --fs-lg: 1.125rem;
    --fs-xl: 1.25rem;
    --fs-2xl: 1.5rem;
    --fs-3xl: 1.875rem;
    --fs-4xl: 2.25rem;
    --fs-5xl: 3rem;
    --fs-6xl: 3.75rem;
    --fs-7xl: 4.5rem;
    --fs-8xl: 6rem;
    --fs-9xl: 8rem;
    --fs-10xl: 10rem;

    /* Spacing (inherited) */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;
    --spacing-4xl: 6rem;
    --spacing-5xl: 8rem;
    --spacing-6xl: 12rem;
    --spacing-7xl: 16rem;
    --spacing-8xl: 20rem;

    /* Animation (inherited) */
    --duration-instant: 100ms;
    --duration-fast: 200ms;
    --duration-normal: 300ms;
    --duration-slow: 500ms;
    --duration-very-slow: 800ms;
    --duration-ultra-slow: 1200ms;
    --duration-hero: 2000ms;
    --duration-floating: 4000ms;

    --ease-premium: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-smooth: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-spring: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --ease-elastic: cubic-bezier(0.68, -0.6, 0.32, 1.6);

    /* Light Theme Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.2);
    --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);

    /* Light Glow Shadows */
    --glow-gold: 0 0 20px rgba(212, 175, 55, 0.2);
    --glow-purple: 0 0 20px rgba(157, 123, 216, 0.2);
    --glow-subtle: 0 0 10px rgba(0, 0, 0, 0.02);
    --glow-intense: 0 0 30px rgba(212, 175, 55, 0.3);

    /* Components (inherited) */
    --button-border-radius: 8px;
    --card-border-radius: 12px;
    --input-border-radius: 6px;
    --container-max-width: 1400px;
    --navigation-height: 80px;

    /* Glass Effect for Light Theme */
    --glass-backdrop: blur(20px) saturate(200%);
    --glass-background: rgba(255, 255, 255, 0.8);
    --glass-border: 1px solid rgba(0, 0, 0, 0.05);
    --glass-shine: linear-gradient(105deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 60%);

    /* Light Borders */
    --border-subtle: 1px solid rgba(0, 0, 0, 0.03);
    --border-light: 1px solid rgba(0, 0, 0, 0.05);
    --border-medium: 1px solid rgba(0, 0, 0, 0.08);
    --border-gradient: 1px solid transparent;
}