:root {
    /* Color Palette - Premium Indigo */
    --bg-body: #0a0b10;
    --bg-surface: #12141d;
    --bg-surface-glass: rgba(18, 20, 29, 0.75);

    --text-main: #ffffff;
    --text-muted: #94a3b8;

    --primary: #e50914;
    /* Netflix Red */
    --primary-hover: #f43f5e;
    --primary-glow: rgba(229, 9, 20, 0.4);

    --accent-indigo: #6366f1;
    --accent-purple: #a855f7;
    --accent-gold: #ffb800;

    /* Fluid Typography - Scales perfectly with viewport */
    --fs-hero: clamp(2.5rem, 8vw, 4.5rem);
    --fs-h2: clamp(1.8rem, 5vw, 2.5rem);
    --fs-h3: clamp(1.2rem, 3vw, 1.8rem);
    --fs-body: clamp(0.9rem, 1vw + 0.5rem, 1rem);
    --fs-sm: clamp(0.75rem, 0.8vw + 0.4rem, 0.9rem);

    /* Gradients */
    --gradient-hero: linear-gradient(to top, var(--bg-body) 0%, transparent 100%);
    --gradient-btn: linear-gradient(135deg, #e50914, #ff416c);
    --gradient-surface: linear-gradient(135deg, #12141d, #1e1b4b);
    --gradient-card: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9));

    /* Spacing & Layout (Master Responsive) */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;
    --spacing-2xl: 8rem;

    --container-width: 1400px;
    --container-padding: clamp(1.5rem, 5vw, 4rem);

    --sidebar-width: 260px;
    --header-height: 80px;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 32px;
    --radius-full: 999px;

    /* Effects */
    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
    --shadow-neon: 0 0 20px var(--primary-glow), 0 0 40px var(--primary-glow);
    
    --glass-bg: rgba(20, 20, 20, 0.6);
    --glass-border: 1px solid rgba(255, 255, 255, 0.08);
    --glass-blur: blur(20px);
    --border-glass: 1px solid rgba(255, 255, 255, 0.1);

    /* Z-Index Layers */
    --z-back: -1;
    --z-normal: 1;
    --z-tooltip: 10;
    --z-fixed: 100;
    --z-modal: 1000;
    --z-overlay: 2000;

    /* Professional Animations */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-medium: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-spring: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}