/* ==========================================================================
   THEMES SYSTEM - Unified Main Backdrop (Swipe Yellow & Obsidian White)
   ========================================================================== */

/* Default Theme: Swipe Yellow (Inspired by swipe.iamsoubh.com) */
:root, [data-theme="swipe"], [data-theme="yellow"] {
    --primary: #FFE500;
    --primary-rgb: 255, 229, 0;
    --secondary: #FACC15;
    --accent: #FFE500;
    --accent-glow: rgba(255, 229, 0, 0.4);
    
    --bg-main: #0B0E14;
    --bg-alt: #0B0E14;
    --bg-surface: #1A202C;
    --bg-glass: rgba(17, 22, 34, 0.75);
    --bg-glass-hover: rgba(26, 32, 44, 0.85);
    
    --text-primary: #FFFFFF;
    --text-secondary: #CBD5E1;
    --text-muted: #94A3B8;
    
    --border-color: rgba(255, 255, 255, 0.12);
    --border-glow: rgba(255, 229, 0, 0.45);
    
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.7);
    --shadow-glow: 0 0 35px rgba(255, 229, 0, 0.35);

    --paraboloid-color: rgba(255, 229, 0, 0.4);
    --paraboloid-border: rgba(250, 204, 21, 0.6);
}

/* Image 2 Inspired Theme: Monochrome Obsidian & Pure White */
[data-theme="obsidian"], [data-theme="dark"], [data-theme="monochrome"] {
    --primary: #FFFFFF;
    --primary-rgb: 255, 255, 255;
    --secondary: #E2E8F0;
    --accent: #FFFFFF;
    --accent-glow: rgba(255, 255, 255, 0.25);
    
    --bg-main: #06080C;
    --bg-alt: #06080C;
    --bg-surface: #141A26;
    --bg-glass: rgba(18, 24, 36, 0.8);
    --bg-glass-hover: rgba(24, 32, 48, 0.9);
    
    --text-primary: #FFFFFF;
    --text-secondary: #9CA3AF;
    --text-muted: #6B7280;
    
    --border-color: rgba(255, 255, 255, 0.14);
    --border-glow: rgba(255, 255, 255, 0.35);
    
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.7);
    --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.9);
    --shadow-glow: 0 0 35px rgba(255, 255, 255, 0.2);

    --paraboloid-color: rgba(255, 255, 255, 0.3);
    --paraboloid-border: rgba(255, 255, 255, 0.5);
}

/* Light Theme (Apple Pristine Clean) */
[data-theme="light"] {
    --primary: #0F172A;
    --primary-rgb: 15, 23, 42;
    --secondary: #334155;
    --accent: #0284C7;
    --accent-glow: rgba(2, 132, 199, 0.3);
    
    --bg-main: #F8FAFC;
    --bg-alt: #F8FAFC;
    --bg-surface: #FFFFFF;
    --bg-glass: rgba(255, 255, 255, 0.85);
    --bg-glass-hover: rgba(255, 255, 255, 0.95);
    
    --text-primary: #0F172A;
    --text-secondary: #475569;
    --text-muted: #94A3B8;
    
    --border-color: rgba(15, 23, 42, 0.12);
    --border-glow: rgba(15, 23, 42, 0.25);
    
    --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 12px 28px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 20px 48px rgba(15, 23, 42, 0.12);
    --shadow-glow: 0 0 30px rgba(15, 23, 42, 0.15);

    --paraboloid-color: rgba(15, 23, 42, 0.2);
    --paraboloid-border: rgba(51, 65, 85, 0.4);
}