/* ============================================
   HabitFlow - Theme Styles (with Light Variants)
   ============================================ */

/* ---- SHADOW MONARCH (Dark) ---- */
[data-theme="theme-shadow-monarch"] {
    --bg-primary: #0a0a0f;
    --bg-secondary: #12121a;
    --bg-card: #1a1a25;
    --bg-card-hover: #22222f;
    --text-primary: #e2e2ea;
    --text-secondary: #8888a0;
    --text-muted: #55556a;
    --accent-blue: #6366f1;
    --accent-cyan: #818cf8;
    --border-color: rgba(99, 102, 241, 0.2);
}

/* ---- SHADOW MONARCH (Light) ---- */
[data-theme="theme-shadow-monarch-light"] {
    --bg-primary: #f0f0f5;
    --bg-secondary: #e0e0ea;
    --bg-card: #ffffff;
    --bg-card-hover: #f5f5fa;
    --text-primary: #1a1a25;
    --text-secondary: #55556a;
    --text-muted: #8888a0;
    --accent-blue: #4f46e5;
    --accent-cyan: #6366f1;
    --border-color: rgba(79, 70, 229, 0.2);
}

/* ---- GALAXY RIFT (Dark) ---- */
[data-theme="theme-galaxy-rift"] {
    --bg-primary: #0c0a1d;
    --bg-secondary: #14102a;
    --bg-card: #1c1635;
    --bg-card-hover: #241e40;
    --text-primary: #e8e0f0;
    --text-secondary: #9888b0;
    --text-muted: #6a5a80;
    --accent-blue: #7c3aed;
    --accent-cyan: #a78bfa;
    --border-color: rgba(124, 58, 237, 0.2);
}

/* ---- GALAXY RIFT (Light) ---- */
[data-theme="theme-galaxy-rift-light"] {
    --bg-primary: #f0eaf8;
    --bg-secondary: #e0d8f0;
    --bg-card: #ffffff;
    --bg-card-hover: #f5f0fa;
    --text-primary: #1c1635;
    --text-secondary: #6a5a80;
    --text-muted: #9888b0;
    --accent-blue: #6d28d9;
    --accent-cyan: #7c3aed;
    --border-color: rgba(109, 40, 217, 0.2);
}

/* ---- CYBER CITY (Dark) ---- */
[data-theme="theme-cyber-city"] {
    --bg-primary: #0a0f14;
    --bg-secondary: #0f1a22;
    --bg-card: #152030;
    --bg-card-hover: #1a2838;
    --text-primary: #e0f0ff;
    --text-secondary: #80a0c0;
    --text-muted: #506880;
    --accent-blue: #06b6d4;
    --accent-cyan: #22d3ee;
    --border-color: rgba(6, 182, 212, 0.2);
}

/* ---- CYBER CITY (Light) ---- */
[data-theme="theme-cyber-city-light"] {
    --bg-primary: #eaf5fa;
    --bg-secondary: #d0e8f2;
    --bg-card: #ffffff;
    --bg-card-hover: #f0f8fc;
    --text-primary: #0a1a28;
    --text-secondary: #406080;
    --text-muted: #80a0c0;
    --accent-blue: #0891b2;
    --accent-cyan: #06b6d4;
    --border-color: rgba(8, 145, 178, 0.2);
}

/* ---- PIXEL FOREST (Dark) ---- */
[data-theme="theme-pixel-forest"] {
    --bg-primary: #0a1a0a;
    --bg-secondary: #0f250f;
    --bg-card: #153015;
    --bg-card-hover: #1a3a1a;
    --text-primary: #d0f0d0;
    --text-secondary: #80b080;
    --text-muted: #508050;
    --accent-blue: #22c55e;
    --accent-cyan: #4ade80;
    --border-color: rgba(34, 197, 94, 0.2);
}

/* ---- PIXEL FOREST (Light) ---- */
[data-theme="theme-pixel-forest-light"] {
    --bg-primary: #eaf5ea;
    --bg-secondary: #d0e8d0;
    --bg-card: #ffffff;
    --bg-card-hover: #f0faf0;
    --text-primary: #0a200a;
    --text-secondary: #406040;
    --text-muted: #80b080;
    --accent-blue: #16a34a;
    --accent-cyan: #22c55e;
    --border-color: rgba(22, 163, 74, 0.2);
}

/* ---- ARCANE LIBRARY (Dark) ---- */
[data-theme="theme-arcane-library"] {
    --bg-primary: #1a0f0a;
    --bg-secondary: #251810;
    --bg-card: #302015;
    --bg-card-hover: #3a281a;
    --text-primary: #f0e0d0;
    --text-secondary: #b09070;
    --text-muted: #806050;
    --accent-blue: #d97706;
    --accent-cyan: #f59e0b;
    --border-color: rgba(217, 119, 6, 0.2);
}

/* ---- ARCANE LIBRARY (Light) ---- */
[data-theme="theme-arcane-library-light"] {
    --bg-primary: #faf0e8;
    --bg-secondary: #f0e0d0;
    --bg-card: #ffffff;
    --bg-card-hover: #faf5f0;
    --text-primary: #2a1810;
    --text-secondary: #806050;
    --text-muted: #b09070;
    --accent-blue: #b45309;
    --accent-cyan: #d97706;
    --border-color: rgba(180, 83, 9, 0.2);
}

/* ---- DEFAULT LIGHT MODE ---- */
[data-theme="light"] {
    --bg-primary: #F1F5F9;
    --bg-secondary: #E2E8F0;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F8FAFC;
    --text-primary: #0F172A;
    --text-secondary: #475569;
    --text-muted: #94A3B8;
    --border-color: rgba(37, 99, 235, 0.2);
    --accent-blue: #2563EB;
    --accent-cyan: #0891B2;
    --accent-purple: #7C3AED;
}

/* ---- Topbar overrides for light modes ---- */
[data-theme="light"] .topbar,
[data-theme="theme-shadow-monarch-light"] .topbar,
[data-theme="theme-galaxy-rift-light"] .topbar,
[data-theme="theme-cyber-city-light"] .topbar,
[data-theme="theme-pixel-forest-light"] .topbar,
[data-theme="theme-arcane-library-light"] .topbar {
    background: rgba(241, 245, 249, 0.85);
}

[data-theme="light"] .topbar.scrolled,
[data-theme="theme-shadow-monarch-light"] .topbar.scrolled,
[data-theme="theme-galaxy-rift-light"] .topbar.scrolled,
[data-theme="theme-cyber-city-light"] .topbar.scrolled,
[data-theme="theme-pixel-forest-light"] .topbar.scrolled,
[data-theme="theme-arcane-library-light"] .topbar.scrolled {
    background: rgba(241, 245, 249, 0.95);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

/* ---- Modal overrides for light modes ---- */
[data-theme="light"] .modal-content,
[data-theme="theme-shadow-monarch-light"] .modal-content,
[data-theme="theme-galaxy-rift-light"] .modal-content,
[data-theme="theme-cyber-city-light"] .modal-content,
[data-theme="theme-pixel-forest-light"] .modal-content,
[data-theme="theme-arcane-library-light"] .modal-content {
    background: var(--bg-card);
    color: var(--text-primary);
}

[data-theme="light"] .btn-close,
[data-theme="theme-shadow-monarch-light"] .btn-close,
[data-theme="theme-galaxy-rift-light"] .btn-close,
[data-theme="theme-cyber-city-light"] .btn-close,
[data-theme="theme-pixel-forest-light"] .btn-close,
[data-theme="theme-arcane-library-light"] .btn-close {
    filter: none;
}

/* ---- SweetAlert2 dark theme override for light modes ---- */
[data-theme="light"] .swal-dark,
[data-theme="theme-shadow-monarch-light"] .swal-dark {
    background: #ffffff !important;
    color: #0F172A !important;
}

/* Pet display styles */
.pet-display {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 50;
    font-size: 3rem;
    animation: petBounce 2s ease-in-out infinite;
    filter: drop-shadow(0 0 10px rgba(59, 130, 246, 0.3));
}

@keyframes petBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* Title display */
.active-title-display {
    font-size: 0.75rem;
    color: var(--accent-cyan);
    font-style: italic;
    margin-left: 8px;
}

/* Frame styles */
.frame-neon {
    box-shadow: 0 0 15px rgba(34, 211, 238, 0.4), inset 0 0 15px rgba(34, 211, 238, 0.1);
    border-color: var(--accent-cyan) !important;
}

.frame-shadow {
    box-shadow: 0 0 15px rgba(109, 40, 217, 0.4), inset 0 0 15px rgba(109, 40, 217, 0.1);
    border-color: var(--accent-purple) !important;
}

.frame-gold {
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.4), inset 0 0 15px rgba(245, 158, 11, 0.1);
    border-color: var(--accent-yellow) !important;
}

/* Aura styles */
.aura-fire {
    animation: auraFire 2s ease-in-out infinite;
}

@keyframes auraFire {
    0%, 100% { box-shadow: 0 0 10px rgba(239, 68, 68, 0.3); }
    50% { box-shadow: 0 0 25px rgba(239, 68, 68, 0.6), 0 0 50px rgba(245, 158, 11, 0.2); }
}

.aura-ice {
    animation: auraIce 2s ease-in-out infinite;
}

@keyframes auraIce {
    0%, 100% { box-shadow: 0 0 10px rgba(34, 211, 238, 0.3); }
    50% { box-shadow: 0 0 25px rgba(34, 211, 238, 0.6), 0 0 50px rgba(59, 130, 246, 0.2); }
}

.aura-shadow {
    animation: auraShadow 2s ease-in-out infinite;
}

@keyframes auraShadow {
    0%, 100% { box-shadow: 0 0 10px rgba(109, 40, 217, 0.3); }
    50% { box-shadow: 0 0 25px rgba(109, 40, 217, 0.6), 0 0 50px rgba(0, 0, 0, 0.3); }
}

/* Badge styles */
.badge-early-bird::after { content: ' 🐦'; }
.badge-streak-master::after { content: ' ⚡'; }
.badge-level-10::after { content: ' 🛡️'; }