/* ============================================================
   AVTOMAKTAB PREMIUM - THEME SYSTEM
   Multiple Color Themes
   ============================================================ */

/* ===== DEFAULT DARK THEME (ORANGE) ===== */
[data-theme="dark"] {
    --theme-primary: #f97316;
    --theme-primary-light: #fb923c;
    --theme-primary-dark: #ea580c;
    --theme-gradient: linear-gradient(135deg, #f97316, #ea580c);
    --theme-glow: 0 0 20px rgba(249, 115, 22, 0.4);
}

/* ===== LIGHT THEME ===== */
[data-theme="light"] {
    --theme-primary: #f97316;
    --theme-primary-light: #fb923c;
    --theme-primary-dark: #ea580c;
    --theme-gradient: linear-gradient(135deg, #f97316, #ea580c);
    --theme-glow: 0 0 20px rgba(249, 115, 22, 0.3);
    
    --bg-primary: #f8fafc;
    --bg-secondary: #f1f5f9;
    --bg-tertiary: #e2e8f0;
    --bg-elevated: #ffffff;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --border-color: #e2e8f0;
}

/* ===== BLUE THEME ===== */
[data-theme="blue"] {
    --theme-primary: #3b82f6;
    --theme-primary-light: #60a5fa;
    --theme-primary-dark: #2563eb;
    --theme-gradient: linear-gradient(135deg, #3b82f6, #2563eb);
    --theme-glow: 0 0 20px rgba(59, 130, 246, 0.4);
}

/* ===== GREEN THEME ===== */
[data-theme="green"] {
    --theme-primary: #10b981;
    --theme-primary-light: #34d399;
    --theme-primary-dark: #059669;
    --theme-gradient: linear-gradient(135deg, #10b981, #059669);
    --theme-glow: 0 0 20px rgba(16, 185, 129, 0.4);
}

/* ===== PURPLE THEME ===== */
[data-theme="purple"] {
    --theme-primary: #8b5cf6;
    --theme-primary-light: #a78bfa;
    --theme-primary-dark: #7c3aed;
    --theme-gradient: linear-gradient(135deg, #8b5cf6, #7c3aed);
    --theme-glow: 0 0 20px rgba(139, 92, 246, 0.4);
}

/* ===== PINK THEME ===== */
[data-theme="pink"] {
    --theme-primary: #ec4899;
    --theme-primary-light: #f472b6;
    --theme-primary-dark: #db2777;
    --theme-gradient: linear-gradient(135deg, #ec4899, #db2777);
    --theme-glow: 0 0 20px rgba(236, 72, 153, 0.4);
}

/* ===== GOLD THEME ===== */
[data-theme="gold"] {
    --theme-primary: #fbbf24;
    --theme-primary-light: #fcd34d;
    --theme-primary-dark: #f59e0b;
    --theme-gradient: linear-gradient(135deg, #fbbf24, #f59e0b);
    --theme-glow: 0 0 20px rgba(251, 191, 36, 0.4);
}

/* ===== CYAN THEME ===== */
[data-theme="cyan"] {
    --theme-primary: #06b6d4;
    --theme-primary-light: #22d3ee;
    --theme-primary-dark: #0891b2;
    --theme-gradient: linear-gradient(135deg, #06b6d4, #0891b2);
    --theme-glow: 0 0 20px rgba(6, 182, 212, 0.4);
}

/* ===== RED THEME ===== */
[data-theme="red"] {
    --theme-primary: #ef4444;
    --theme-primary-light: #f87171;
    --theme-primary-dark: #dc2626;
    --theme-gradient: linear-gradient(135deg, #ef4444, #dc2626);
    --theme-glow: 0 0 20px rgba(239, 68, 68, 0.4);
}

/* Apply theme variables to elements */
.header-logo {
    background: var(--theme-gradient) !important;
    box-shadow: var(--theme-glow) !important;
}

.btn-primary {
    background: var(--theme-gradient) !important;
    box-shadow: var(--theme-glow) !important;
}

.section-dot {
    background: var(--theme-primary) !important;
}

.text-accent {
    color: var(--theme-primary-light) !important;
}

/* Theme transition */
.app-container,
.app-header,
.bottom-nav,
.card,
.btn,
.menu-tile {
    transition: all 0.3s ease;
}