/**
 * ToolStack Pro - Multi-Theme Engine
 * 8 Premium Themes with Automatic Adaptation
 * Author: Mr Arslan CEO
 */

/* ================================================
   LIGHT THEME (Default)
   ================================================ */
[data-theme="light"] {
    --primary: #667eea;
    --primary-dark: #5a67d8;
    --primary-light: #7c8cf5;
    --secondary: #764ba2;
    --bg-primary: #ffffff;
    --bg-secondary: #f7f8fc;
    --bg-tertiary: #edf2f7;
    --bg-card: #ffffff;
    --bg-glass: rgba(255,255,255,0.8);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #a0aec0;
    --border-color: #e2e8f0;
    --border-light: #edf2f7;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 15px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 40px rgba(0,0,0,0.1);
    --shadow-xl: 0 20px 60px rgba(0,0,0,0.12);
}

/* ================================================
   DARK THEME (Standard)
   ================================================ */
[data-theme="dark"] {
    --primary: #818cf8;
    --primary-dark: #6366f1;
    --primary-light: #a5b4fc;
    --secondary: #a78bfa;
    --bg-primary: #111827;
    --bg-secondary: #0f172a;
    --bg-tertiary: #1e293b;
    --bg-card: #1e293b;
    --bg-glass: rgba(30,41,59,0.8);
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --border-color: #334155;
    --border-light: #1e293b;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 15px rgba(0,0,0,0.4);
    --shadow-lg: 0 10px 40px rgba(0,0,0,0.5);
    --shadow-xl: 0 20px 60px rgba(0,0,0,0.6);
    --shadow-glow: 0 8px 30px rgba(129,140,248,0.2);
    --gradient-primary: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);
}
[data-theme="dark"] .main-nav {
    background: rgba(15,23,42,0.9);
    border-bottom-color: #1e293b;
}
[data-theme="dark"] .site-footer { background: #0a0f1e; }
[data-theme="dark"] .hero-section { background: linear-gradient(135deg, #312e81, #4c1d95); }

/* ================================================
   PURPLE GRADIENT THEME
   ================================================ */
[data-theme="purple-gradient"] {
    --primary: #a855f7;
    --primary-dark: #9333ea;
    --primary-light: #c084fc;
    --secondary: #ec4899;
    --bg-primary: #faf5ff;
    --bg-secondary: #f3e8ff;
    --bg-tertiary: #e9d5ff;
    --bg-card: #ffffff;
    --bg-glass: rgba(250,245,255,0.8);
    --text-primary: #3b0764;
    --text-secondary: #6b21a8;
    --text-muted: #a855f7;
    --border-color: #e9d5ff;
    --border-light: #f3e8ff;
    --shadow-glow: 0 8px 30px rgba(168,85,247,0.2);
    --gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
}
[data-theme="purple-gradient"] .hero-section { background: linear-gradient(135deg, #7c3aed, #db2777); }
[data-theme="purple-gradient"] .main-nav { border-bottom-color: #e9d5ff; }
[data-theme="purple-gradient"] .site-footer { background: #3b0764; }

/* ================================================
   BLUE SAAS THEME
   ================================================ */
[data-theme="blue-saas"] {
    --primary: #3b82f6;
    --primary-dark: #2563eb;
    --primary-light: #60a5fa;
    --secondary: #06b6d4;
    --bg-primary: #f0f9ff;
    --bg-secondary: #e0f2fe;
    --bg-tertiary: #bae6fd;
    --bg-card: #ffffff;
    --bg-glass: rgba(240,249,255,0.8);
    --text-primary: #0c4a6e;
    --text-secondary: #0369a1;
    --text-muted: #7dd3fc;
    --border-color: #bae6fd;
    --border-light: #e0f2fe;
    --shadow-glow: 0 8px 30px rgba(59,130,246,0.2);
    --gradient-primary: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
}
[data-theme="blue-saas"] .hero-section { background: linear-gradient(135deg, #1d4ed8, #0891b2); }
[data-theme="blue-saas"] .main-nav { border-bottom-color: #bae6fd; }
[data-theme="blue-saas"] .site-footer { background: #0c4a6e; }

/* ================================================
   NEON CYBER THEME
   ================================================ */
[data-theme="neon-cyber"] {
    --primary: #00ff88;
    --primary-dark: #00cc6a;
    --primary-light: #33ffaa;
    --secondary: #ff00ff;
    --bg-primary: #0f0f23;
    --bg-secondary: #0a0a1a;
    --bg-tertiary: #161630;
    --bg-card: #12122a;
    --bg-glass: rgba(15,15,35,0.9);
    --text-primary: #e0e0ff;
    --text-secondary: #9090c0;
    --text-muted: #5050a0;
    --border-color: #2a2a5a;
    --border-light: #1a1a40;
    --shadow-sm: 0 1px 3px rgba(0,255,136,0.05);
    --shadow-md: 0 4px 15px rgba(0,255,136,0.1);
    --shadow-lg: 0 10px 40px rgba(0,255,136,0.12);
    --shadow-xl: 0 20px 60px rgba(0,255,136,0.15);
    --shadow-glow: 0 8px 30px rgba(0,255,136,0.2);
    --gradient-primary: linear-gradient(135deg, #00ff88 0%, #00ccff 100%);
}
[data-theme="neon-cyber"] .main-nav {
    background: rgba(10,10,26,0.95);
    border-bottom: 1px solid rgba(0,255,136,0.1);
}
[data-theme="neon-cyber"] .hero-section {
    background: linear-gradient(135deg, #0a0a2e, #1a0a3e);
}
[data-theme="neon-cyber"] .hero-section::before {
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 50px,
        rgba(0,255,136,0.02) 50px,
        rgba(0,255,136,0.02) 51px
    ), repeating-linear-gradient(
        90deg,
        transparent,
        transparent 50px,
        rgba(0,255,136,0.02) 50px,
        rgba(0,255,136,0.02) 51px
    );
}
[data-theme="neon-cyber"] .btn-primary { color: #000; }
[data-theme="neon-cyber"] .btn-nav-primary { color: #000; }
[data-theme="neon-cyber"] .logo-text { -webkit-text-fill-color: #00ff88; }
[data-theme="neon-cyber"] .tool-card:hover {
    box-shadow: 0 0 30px rgba(0,255,136,0.15);
    border-color: rgba(0,255,136,0.2);
}
[data-theme="neon-cyber"] .site-footer { background: #05051a; }
[data-theme="neon-cyber"] .pricing-card.popular { border-color: #00ff88; }
[data-theme="neon-cyber"] .pricing-card.popular::before { background: var(--gradient-primary); color: #000; }
[data-theme="neon-cyber"] .nav-link:hover, [data-theme="neon-cyber"] .nav-link.active {
    color: #00ff88;
    background: rgba(0,255,136,0.08);
}

/* ================================================
   MINIMAL BLACK THEME
   ================================================ */
[data-theme="minimal-black"] {
    --primary: #ffffff;
    --primary-dark: #e0e0e0;
    --primary-light: #ffffff;
    --secondary: #888;
    --bg-primary: #0a0a0a;
    --bg-secondary: #000000;
    --bg-tertiary: #141414;
    --bg-card: #111111;
    --bg-glass: rgba(10,10,10,0.9);
    --text-primary: #ffffff;
    --text-secondary: #aaaaaa;
    --text-muted: #555555;
    --border-color: #222222;
    --border-light: #1a1a1a;
    --shadow-glow: 0 8px 30px rgba(255,255,255,0.05);
    --gradient-primary: linear-gradient(135deg, #ffffff 0%, #aaaaaa 100%);
}
[data-theme="minimal-black"] .main-nav {
    background: rgba(0,0,0,0.95);
    border-bottom-color: #1a1a1a;
}
[data-theme="minimal-black"] .hero-section { background: linear-gradient(135deg, #111, #222); }
[data-theme="minimal-black"] .btn-primary { color: #000; }
[data-theme="minimal-black"] .btn-nav-primary { color: #000; }
[data-theme="minimal-black"] .site-footer { background: #000; }
[data-theme="minimal-black"] .logo-text { -webkit-text-fill-color: #fff; }

/* ================================================
   AMOLED DARK THEME
   ================================================ */
[data-theme="amoled-dark"] {
    --primary: #818cf8;
    --primary-dark: #6366f1;
    --primary-light: #a5b4fc;
    --secondary: #f472b6;
    --bg-primary: #000000;
    --bg-secondary: #000000;
    --bg-tertiary: #0a0a0a;
    --bg-card: #0a0a0a;
    --bg-glass: rgba(0,0,0,0.95);
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #475569;
    --border-color: #1e1e1e;
    --border-light: #111111;
    --shadow-glow: 0 8px 30px rgba(129,140,248,0.15);
    --gradient-primary: linear-gradient(135deg, #818cf8 0%, #f472b6 100%);
}
[data-theme="amoled-dark"] .main-nav {
    background: rgba(0,0,0,0.98);
    border-bottom-color: #111;
}
[data-theme="amoled-dark"] .hero-section { background: linear-gradient(135deg, #1e1b4b, #581c87); }
[data-theme="amoled-dark"] .site-footer { background: #000; }

/* ================================================
   MIDNIGHT BLUE THEME
   ================================================ */
[data-theme="midnight-blue"] {
    --primary: #60a5fa;
    --primary-dark: #3b82f6;
    --primary-light: #93c5fd;
    --secondary: #a78bfa;
    --bg-primary: #0f1729;
    --bg-secondary: #0c1445;
    --bg-tertiary: #162040;
    --bg-card: #132040;
    --bg-glass: rgba(15,23,41,0.9);
    --text-primary: #e2e8f0;
    --text-secondary: #94a3b8;
    --text-muted: #475569;
    --border-color: #1e3a5f;
    --border-light: #162040;
    --shadow-glow: 0 8px 30px rgba(96,165,250,0.15);
    --gradient-primary: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);
}
[data-theme="midnight-blue"] .main-nav {
    background: rgba(12,20,69,0.95);
    border-bottom-color: #1e3a5f;
}
[data-theme="midnight-blue"] .hero-section { background: linear-gradient(135deg, #1e3a8a, #4338ca); }
[data-theme="midnight-blue"] .site-footer { background: #060d24; }

/* ================================================
   GLOBAL DARK THEME OVERRIDES
   ================================================ */
[data-theme="dark"] .flash-success,
[data-theme="amoled-dark"] .flash-success,
[data-theme="midnight-blue"] .flash-success,
[data-theme="neon-cyber"] .flash-success,
[data-theme="minimal-black"] .flash-success {
    background: rgba(67,233,123,0.15);
    border-color: rgba(67,233,123,0.25);
    color: #43e97b;
}
[data-theme="dark"] .flash-error,
[data-theme="amoled-dark"] .flash-error,
[data-theme="midnight-blue"] .flash-error,
[data-theme="neon-cyber"] .flash-error,
[data-theme="minimal-black"] .flash-error {
    background: rgba(255,107,107,0.15);
    border-color: rgba(255,107,107,0.25);
    color: #ff6b6b;
}

/* Dark hero section text override */
[data-theme="dark"] .hero-section::after,
[data-theme="amoled-dark"] .hero-section::after,
[data-theme="midnight-blue"] .hero-section::after,
[data-theme="neon-cyber"] .hero-section::after,
[data-theme="minimal-black"] .hero-section::after,
[data-theme="purple-gradient"] .hero-section::after,
[data-theme="blue-saas"] .hero-section::after {
    background: var(--bg-secondary);
}
[data-theme="dark"] .page-header::after,
[data-theme="amoled-dark"] .page-header::after,
[data-theme="midnight-blue"] .page-header::after,
[data-theme="neon-cyber"] .page-header::after,
[data-theme="minimal-black"] .page-header::after,
[data-theme="purple-gradient"] .page-header::after,
[data-theme="blue-saas"] .page-header::after {
    background: var(--bg-secondary);
}

/* ================================================
   THEME TRANSITION EFFECTS
   ================================================ */
body, .main-nav, .tool-card, .pricing-card, .blog-card, .category-card, .stat-card,
.testimonial-card, .faq-item, .auth-card, .site-footer, .form-control, .btn,
.user-dropdown, .theme-panel, .filter-btn {
    transition: background-color 0.3s ease,
                color 0.3s ease,
                border-color 0.3s ease,
                box-shadow 0.3s ease;
}