/* ==========================================================================
   THEME STYLES (theme.css)
   ========================================================================== */

/* ==========================================================================
   THEME 1: MIDNIGHT PURPLE (Default Dark Theme)
   ========================================================================== */
.theme-midnight {
    --bg-primary: #0a0a0c;
    --bg-secondary: #121216;
    --bg-tertiary: #1b1b22;
    --bg-body: #050507;
    
    --accent-color: #6366f1;
    --accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
    --accent-glow: 0 0 15px rgba(99, 102, 241, 0.4);
    
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    
    --border-color: rgba(255, 255, 255, 0.08);
    
    --glass-bg: rgba(18, 18, 22, 0.7);
    --glass-blur: blur(16px);
}

/* ==========================================================================
   THEME 2: OLED BLACK (Ultra Dark Night Mode)
   ========================================================================== */
.theme-oled {
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --bg-tertiary: #141414;
    --bg-body: #000000;
    
    --accent-color: #8b5cf6;
    --accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #d946ef 100%);
    --accent-glow: 0 0 15px rgba(139, 92, 246, 0.4);
    
    --text-primary: #ffffff;
    --text-secondary: #a3a3a3;
    --text-muted: #525252;
    
    --border-color: rgba(255, 255, 255, 0.05);
    
    --glass-bg: rgba(0, 0, 0, 0.85);
    --glass-blur: blur(20px);
}

/* ==========================================================================
   THEME 3: CLEAN SILVER (Light Mode Option)
   ========================================================================== */
.theme-silver {
    --bg-primary: #ffffff;
    --bg-secondary: #f4f4f5;
    --bg-tertiary: #e4e4e7;
    --bg-body: #fafafa;
    
    --accent-color: #4f46e5;
    --accent-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    --accent-glow: 0 4px 10px rgba(79, 70, 229, 0.15);
    
    --text-primary: #09090b;
    --text-secondary: #4b5563;
    --text-muted: #9ca3af;
    
    --border-color: rgba(0, 0, 0, 0.08);
    
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-blur: blur(16px);
}

/* Base Body Application fallback default theme styling class */
body {
    background-color: var(--bg-body);
    color: var(--text-primary);
}

/* Header theme adjustment overrides */
.theme-silver .app-header {
    background: rgba(255, 255, 255, 0.75);
}

/* Settings elements theme adjustment overrides */
.theme-silver .badge-success {
    background: rgba(16, 185, 129, 0.12);
}

.theme-silver .info-alert {
    background: rgba(79, 70, 229, 0.06);
}

/* Lightbox overlays for light theme background details */
.theme-silver .lightbox {
    background: rgba(240, 240, 245, 0.98);
}

.theme-silver .lightbox-close {
    background: rgba(0,0,0,0.1);
    color: #333;
}

.theme-silver .lightbox-title {
    color: #09090b;
}

.theme-silver .lightbox-action-btn {
    background: rgba(0, 0, 0, 0.05);
    color: #333;
}

.theme-silver .lightbox-action-btn:hover {
    background: rgba(0, 0, 0, 0.1);
}

.theme-silver .lightbox-footer {
    background: linear-gradient(to top, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.8) 60%, transparent 100%);
    border-top: 1px solid rgba(0,0,0,0.05);
}