/* ===== Light Theme ===== */
[data-theme="light"] body,
[data-theme="light"] .app,
[data-theme="light"] .race-arena,
[data-theme="light"] .wb-page { background: #f0f4f8 !important; }

[data-theme="light"] .navbar,
[data-theme="light"] .card,
[data-theme="light"] .modal,
[data-theme="light"] .room-modal,
[data-theme="light"] .room-body,
[data-theme="light"] .room-header,
[data-theme="light"] .lane,
[data-theme="light"] .wb-nav,
[data-theme="light"] .toolbar,
[data-theme="light"] .user-dropdown,
[data-theme="light"] .text-board,
[data-theme="light"] .input-area,
[data-theme="light"] .library-modal,
[data-theme="light"] .full-audio-bar,
[data-theme="light"] .hiscore-table,
[data-theme="light"] .tab-btn.active,
[data-theme="light"] .news-item,
[data-theme="light"] .room-sidebar { background: #fff !important; }

[data-theme="light"] .search-box,
[data-theme="light"] .tab-row,
[data-theme="light"] .tab-bar,
[data-theme="light"] .page-btn,
[data-theme="light"] .switch-btn,
[data-theme="light"] .wb-item,
[data-theme="light"] .user-info:hover,
[data-theme="light"] .user-dropdown button:hover,
[data-theme="light"] .wb-item:hover,
[data-theme="light"] .page-btn:hover,
[data-theme="light"] .replay-item:hover,
[data-theme="light"] .library-btn,
[data-theme="light"] .room-sidebar { background: #f1f5f9 !important; }

[data-theme="light"] .tab-btn { background: transparent !important; color: #64748b !important; }
[data-theme="light"] .tab-btn.active { background: #fff !important; color: #2563eb !important; }

[data-theme="light"] .logo,
[data-theme="light"] .username,
[data-theme="light"] .stat-value,
[data-theme="light"] .wb-title,
[data-theme="light"] .wb-word,
[data-theme="light"] .lane-name,
[data-theme="light"] .lane-wpm,
[data-theme="light"] .lane-acc,
[data-theme="light"] .hiscore-table td,
[data-theme="light"] .switch-btn,
[data-theme="light"] .page-btn { color: #1e293b !important; }

[data-theme="light"] .lane-wpm-label,
[data-theme="light"] .lane-acc-label,
[data-theme="light"] .lane-rank,
[data-theme="light"] .hiscore-table th,
[data-theme="light"] .room-sidebar label,
[data-theme="light"] .ws { color: #64748b !important; }

[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea,
[data-theme="light"] .input-area input { background: #fff !important; color: #1e293b !important; border: 1px solid #e2e8f0 !important; }

[data-theme="light"] .progress-track,
[data-theme="light"] .fab-seek { background: #e2e8f0 !important; }

[data-theme="light"] .lane { border: 1px solid #e2e8f0 !important; }
[data-theme="light"] .user-dropdown { border: 1px solid #e2e8f0 !important; }
[data-theme="light"] .user-dropdown button { color: #1e293b !important; }

[data-theme="light"] .quit-btn { background: #fee2e2 !important; color: #dc2626 !important; border-color: #fecaca !important; }

[data-theme="light"] .lane.rank-gold { background: #fffbeb !important; border-left: 4px solid #f59e0b !important; }
[data-theme="light"] .lane.rank-silver { background: #f1f5f9 !important; border-left: 4px solid #94a3b8 !important; }
[data-theme="light"] .lane.rank-bronze { background: #fff7ed !important; border-left: 4px solid #d97706 !important; }

[data-theme="light"] .tts-btn { background: #e2e8f0 !important; color: #94a3b8 !important; border-color: #cbd5e1 !important; }
[data-theme="light"] .tts-btn.on { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; }
[data-theme="light"] .tts-btn:hover { background: #cbd5e1 !important; }

[data-theme="light"] .modal-overlay { background: rgba(0,0,0,0.3) !important; }
/* Don't override correct/wrong char colors */
[data-theme="light"] .char:not(.correct):not(.wrong) { color: #1e293b !important; }
[data-theme="light"] .char.correct { color: #16a34a !important; }
[data-theme="light"] .char.wrong { color: #dc2626 !important; background: rgba(220,38,38,0.1) !important; }

/* Hiscore rank badges */
[data-theme="light"] .rank-1 { background: #fef3c7 !important; color: #92400e !important; }
[data-theme="light"] .rank-2 { background: #f1f5f9 !important; color: #475569 !important; }
[data-theme="light"] .rank-3 { background: #fef2f2 !important; color: #991b1b !important; }

/* Tab bar */
[data-theme="light"] .tab-bar { background: #f1f5f9 !important; }
[data-theme="light"] .tab-row { background: #f1f5f9 !important; border-radius: 8px !important; padding: 3px !important; }
[data-theme="light"] .tab-btn { background: transparent !important; color: #64748b !important; border: none !important; }
[data-theme="light"] .tab-btn:hover:not(.active) { color: #1e293b !important; }
[data-theme="light"] .tab-btn.active { background: #fff !important; color: #2563eb !important; box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important; }

/* Room actions */
[data-theme="light"] .room-action-btn { background: #fff !important; border: 1px solid #e2e8f0 !important; }
[data-theme="light"] .room-action-btn:hover { background: #f0fdff !important; border-color: #0891b2 !important; }
[data-theme="light"] .room-action-title { color: #1e293b !important; }
[data-theme="light"] .room-action-sub { color: #64748b !important; }
[data-theme="light"] .room-sidebar { background: #f8fafc !important; }
[data-theme="light"] .room-sidebar h3,
[data-theme="light"] .room-title,
[data-theme="light"] .room-header h2 { color: #1e293b !important; }
[data-theme="light"] .room-sidebar label { color: #64748b !important; }
[data-theme="light"] .room-sidebar input,
[data-theme="light"] .room-sidebar select { background: #fff !important; color: #1e293b !important; border-color: #e2e8f0 !important; }


[data-theme="light"] .dict-overlay { background: rgba(0,0,0,0.3) !important; }
[data-theme="light"] .dict-popup { background: #fff !important; color: #1e293b !important; box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important; }
[data-theme="light"] .dict-header { border-color: #e2e8f0 !important; }
[data-theme="light"] .dict-word { color: #1e293b !important; }