/* Dark Theme Variables */
:root {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-gradient-end: #03050a;
    --wrapper-bg: rgba(8, 12, 20, 0.7);
    --header-bg: rgba(0, 0, 0, 0.2);
    --logo-gradient-start: #ffffff;
    --card-bg: rgba(18, 25, 45, 0.5);
    --current-level-bg: rgba(59, 130, 246, 0.15);
    --stat-bg: rgba(0, 0, 0, 0.3);
    --glass-btn-bg: rgba(20, 28, 44, 0.8);
    --glass-btn-border: rgba(59, 130, 246, 0.5);
    --glass-btn-text: #cbd5ff;
    --glass-btn-hover-bg: #1e2a4a;
    --cycle-btn-bg: rgba(0, 0, 0, 0.5);
    --cycle-btn-text: #cbd5ff;
    --region-bg: rgba(0, 0, 0, 0.4);
    --region-border: rgba(59, 130, 246, 0.5);
    --region-select-text: white;
    --stat-card-bg: rgba(0, 0, 0, 0.4);
    --transactions-bg: rgba(0, 0, 0, 0.45);
    --tx-item-bg: rgba(255, 255, 255, 0.03);
    --activity-bg: rgba(255, 255, 255, 0.03);
    --led-bg: #050a12;
    --bg-overlay: rgba(0, 0, 0, 0.95);
    --modal-bg: linear-gradient(135deg, #0f172a, #0a0f1c);
    --toast-bg: #111827ee;
    --stat-gradient-start: #f0f4ff;
    --stat-gradient-end: #b9e2ff;
    
    --text-primary: #eef2ff;
    --text-secondary: #94a3b8;
    --input-bg: #1e293b;
    --input-border: #3b82f6;
    --glow: rgba(59,192,252,0.3);
    
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;
}

/* Dark theme specific overrides */
.region-selector select option {
    background: var(--bg-primary);
    color: var(--region-select-text);
}

.form-switch .form-check-input {
    background-color: #334155;
}

.form-switch .form-check-input:checked {
    background-color: var(--app-color, #3b82f6);
    border-color: var(--app-color, #3b82f6);
}