.light-mode {
  --bg: #f1f5f9; --surface: #ffffff; --surface-elevated: #f8fafc;
  --border: #e2e8f0; --border-focus: #3b82f6;
  --text: #0f172a; --text-secondary: #475569; --text-muted: #94a3b8;
  --primary: #2563eb; --primary-hover: #1d4ed8;
  --primary-glow: rgba(37,99,235,0.12);
  --card-glow: 0 4px 20px rgba(0,0,0,0.06);
}
.light-mode body { background: linear-gradient(135deg, #f1f5f9 0%, #f8fafc 50%, #eef2f6 100%) !important; }
.light-mode .text-white { color: #0f172a !important; }
.light-mode .text-gray-100 { color: #1e293b !important; }
.light-mode .text-gray-200 { color: #334155 !important; }
.light-mode .text-gray-300 { color: #475569 !important; }
.light-mode .text-gray-400 { color: #64748b !important; }
.light-mode .text-gray-500 { color: #94a3b8 !important; }
.light-mode .text-gray-600 { color: #64748b !important; }
.light-mode .text-blue-300 { color: #2563eb !important; }
.light-mode .text-orange-300 { color: #d97706 !important; }
.light-mode input, .light-mode select, .light-mode textarea { background: #f1f5f9 !important; color: #0f172a !important; border-color: #e2e8f0 !important; }
.light-mode input::placeholder, .light-mode textarea::placeholder { color: #94a3b8 !important; }
.light-mode .modal-overlay { background: rgba(0,0,0,0.3) !important; }
.light-mode .chat-bubble.teacher { background: #f1f5f9 !important; }
.light-mode .chat-bubble.student { background: linear-gradient(135deg, #3b82f6, #2563eb) !important; }
.light-mode .skeleton { background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%) !important; }
.light-mode .btn-logout:hover { background: rgba(239,68,68,0.08) !important; }
.light-mode .sub-status-card { background: #f8fafc !important; }
.light-mode .ann-item, .light-mode .settings-item { border-color: #e2e8f0 !important; }
.light-mode .custom-select-trigger { background: #f1f5f9 !important; color: #0f172a !important; }
.light-mode .custom-select-dropdown { background: #ffffff !important; }
.light-mode .custom-select-option { color: #475569 !important; }
.light-mode .custom-select-option:hover { background: rgba(0,0,0,0.03) !important; }
.light-mode .custom-select-option.selected { background: rgba(37,99,235,0.1) !important; color: #1e40af !important; }
.light-mode .lb-row:hover { background: rgba(0,0,0,0.02) !important; }
.light-mode .toggle-slider { background: #cbd5e1 !important; }
.light-mode .toggle input:checked + .toggle-slider { background: #22c55e !important; }
.light-mode .btn-danger:hover { background: rgba(239,68,68,0.08) !important; }
.light-mode::-webkit-scrollbar-thumb { background: #cbd5e1 !important; }
.light-mode input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #ffffff inset !important; -webkit-text-fill-color: #0f172a !important; }
.light-mode .bg-gray-600, .light-mode .bg-gray-700, .light-mode .bg-gray-800, .light-mode .bg-gray-900 { background: #f1f5f9 !important; }
.light-mode .border-gray-600, .light-mode .border-gray-700, .light-mode .border-gray-800 { border-color: #e2e8f0 !important; }
.light-mode .study-card { background: #f1f5f9 !important; }
.light-mode .study-card select, .light-mode .study-card input, .light-mode .study-card button { border: 2px solid #cbd5e1 !important; }
.light-mode .study-card a { background: #22d3ee !important; color: #0f172a !important; }
.light-mode .study-card a:hover { background: #06b6d4 !important; }
.light-mode .topic-btn { background: #f1f5f9 !important; }
.light-mode .topic-btn:hover { background: rgba(0,0,0,0.03) !important; }
.light-mode .topic-btn.added { background: rgba(37,99,235,0.1) !important; color: #1d4ed8 !important; }
.light-mode .topic-tag { background: rgba(37,99,235,0.1) !important; color: #1d4ed8 !important; }
.light-mode .bell-btn:hover { background: rgba(0,0,0,0.04) !important; }
.light-mode .lb-pp { background: #e2e8f0 !important; }
.light-mode .btn-outline:hover { background: rgba(0,0,0,0.03) !important; }
.light-mode .subject-card .sub { color: #64748b !important; }
.light-mode #greeting { color: #64748b !important; }