/* ============================================
   Theme: Ocean Blue
   NewFoxZen
   ============================================ */

/* Blue Theme Variables */
.theme-blue {
    --primary: #3B82F6;
    --primary-hover: #2563EB;
    --secondary: #60A5FA;
    --accent: #93C5FD;
    --bg-dark: #0C1929;
    --bg-surface: #1E3A5F;
    --bg-card: #1E4976;
    --text-primary: #F0F9FF;
    --text-secondary: #BAE6FD;
    --text-muted: #7DD3FC;
    --success: #10B981;
    --error: #F87171;
    --warning: #FCD34D;
    --border: #3B82F6;
    --gradient-primary: linear-gradient(135deg, #3B82F6 0%, #2563EB 50%, #1D4ED8 100%);
    --gradient-accent: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%);
    --gradient-dark: linear-gradient(180deg, #0C1929 0%, #1E3A5F 100%);
    --shadow-glow: 0 0 40px rgba(59, 130, 246, 0.3);
}

/* ============================================
   Theme: Royal Purple
   ============================================ */

.theme-purple {
    --primary: #8B5CF6;
    --primary-hover: #7C3AED;
    --secondary: #A78BFA;
    --accent: #C4B5FD;
    --bg-dark: #1A0A2E;
    --bg-surface: #2D1B4E;
    --bg-card: #3D2A5E;
    --text-primary: #FAF5FF;
    --text-secondary: #E9D5FF;
    --text-muted: #D8B4FE;
    --success: #10B981;
    --error: #F87171;
    --warning: #FCD34D;
    --border: #8B5CF6;
    --gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 50%, #6D28D9 100%);
    --gradient-accent: linear-gradient(135deg, #A78BFA 0%, #8B5CF6 100%);
    --gradient-dark: linear-gradient(180deg, #1A0A2E 0%, #2D1B4E 100%);
    --shadow-glow: 0 0 40px rgba(139, 92, 246, 0.3);
}

/* ============================================
   Theme: Sunset Orange
   ============================================ */

.theme-orange {
    --primary: #F97316;
    --primary-hover: #EA580C;
    --secondary: #FB923C;
    --accent: #FDBA74;
    --bg-dark: #1C0A00;
    --bg-surface: #3D1F00;
    --bg-card: #4D2800;
    --text-primary: #FFF7ED;
    --text-secondary: #FED7AA;
    --text-muted: #FDBA74;
    --success: #10B981;
    --error: #F87171;
    --warning: #FCD34D;
    --border: #F97316;
    --gradient-primary: linear-gradient(135deg, #F97316 0%, #EA580C 50%, #C2410C 100%);
    --gradient-accent: linear-gradient(135deg, #FB923C 0%, #F97316 100%);
    --gradient-dark: linear-gradient(180deg, #1C0A00 0%, #3D1F00 100%);
    --shadow-glow: 0 0 40px rgba(249, 115, 22, 0.3);
}

/* ============================================
   Theme: Crimson Red
   ============================================ */

.theme-red {
    --primary: #EF4444;
    --primary-hover: #DC2626;
    --secondary: #F87171;
    --accent: #FCA5A5;
    --bg-dark: #1C0A0A;
    --bg-surface: #3D1111;
    --bg-card: #4D1818;
    --text-primary: #FEF2F2;
    --text-secondary: #FECACA;
    --text-muted: #FCA5A5;
    --success: #10B981;
    --error: #EF4444;
    --warning: #FCD34D;
    --border: #EF4444;
    --gradient-primary: linear-gradient(135deg, #EF4444 0%, #DC2626 50%, #B91C1C 100%);
    --gradient-accent: linear-gradient(135deg, #F87171 0%, #EF4444 100%);
    --gradient-dark: linear-gradient(180deg, #1C0A0A 0%, #3D1111 100%);
    --shadow-glow: 0 0 40px rgba(239, 68, 68, 0.3);
}

/* ============================================
   Theme: Dark Slate (Original)
   ============================================ */

.theme-dark {
    --primary: #6366F1;
    --primary-hover: #4F46E5;
    --secondary: #8B5CF6;
    --accent: #22D3EE;
    --bg-dark: #0F172A;
    --bg-surface: #1E293B;
    --bg-card: #334155;
    --text-primary: #F8FAFC;
    --text-secondary: #94A3B8;
    --text-muted: #64748B;
    --success: #10B981;
    --error: #EF4444;
    --warning: #F59E0B;
    --border: #475569;
    --gradient-primary: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);
    --gradient-accent: linear-gradient(135deg, #22D3EE 0%, #6366F1 100%);
    --gradient-dark: linear-gradient(180deg, #0F172A 0%, #1a1f35 100%);
    --shadow-glow: 0 0 40px rgba(99, 102, 241, 0.3);
}

/* Apply theme to body */
body {
    /* Default green theme - no class needed */
}

.theme-blue body,
.theme-purple body,
.theme-orange body,
.theme-red body,
.theme-dark body {
    /* Theme classes handle this */
}