/* Quyz dark mode — applied via html.dark on all student pages */

html.dark body { background:#0F172A !important; color:#CBD5E1 !important; }

/* Nav stays navy but slightly richer */
html.dark .nav { background:#0D1A2B !important; }

/* Content areas */
html.dark .content { color:#CBD5E1; }

/* Cards that are white become dark */
html.dark .topic-card,
html.dark .class-card,
html.dark .video-card,
html.dark .empty-card { background:#1E293B !important; color:#CBD5E1 !important; border-color:#334155 !important; }

html.dark .topic-name { color:#E2E8F0 !important; }
html.dark .topic-subject { color:#94A3B8 !important; }
html.dark .topic-arrow { color:#64748B !important; }
html.dark .topic-check { background:#00C87E !important; }

html.dark .join-card { border-color:#334155 !important; }
html.dark .join-card:hover { background:#1E293B !important; border-color:#2F7DF6 !important; }
html.dark .join-label,
html.dark .join-sub { color:#94A3B8 !important; }

html.dark .class-name { color:#E2E8F0 !important; }
html.dark .class-teacher { color:#94A3B8 !important; }

html.dark .section-label { color:#64748B !important; }

/* Subject tiles — darken their pastel bg */
html.dark .subject-tile { filter:brightness(0.25) !important; }
html.dark .subject-tile-name,
html.dark .subject-tile-score { filter:brightness(4) !important; color:inherit; }

/* Lesson page */
html.dark .lesson-body { background:#0F172A; }
html.dark .lesson-text { color:#CBD5E1 !important; }
html.dark .section-heading { color:#60A5FA !important; }
html.dark .takeaway { background:#1E3A5F !important; border-left-color:#60A5FA !important; color:#93C5FD !important; }
html.dark .re-explanation { background:#1C2A1A !important; border-color:#365314 !important; color:#BBF7D0 !important; }
html.dark .stuck-btn { background:#1C2416 !important; border-color:#365314 !important; color:#BBF7D0 !important; }
html.dark .stuck-btn:hover { background:#22302B !important; }
html.dark .continue-btn { background:#334155 !important; color:#E2E8F0 !important; }
html.dark .continue-btn:hover { opacity:0.85; }

/* Quiz page */
html.dark .quiz-card { background:#1E293B !important; border-color:#334155 !important; }
html.dark .question-text { color:#E2E8F0 !important; }
html.dark .option-label { background:#0F172A !important; border-color:#334155 !important; color:#CBD5E1 !important; }
html.dark .option-label:hover { background:#1E3A5F !important; border-color:#2F7DF6 !important; }
html.dark input[type=radio]:checked + .option-label { background:#1E3A5F !important; border-color:#2F7DF6 !important; color:#93C5FD !important; }

/* Quiz result page */
html.dark .result-card,
html.dark .missed-card { background:#1E293B !important; border-color:#334155 !important; }
html.dark .result-score-label,
html.dark .missed-q { color:#94A3B8 !important; }

/* Theme toggle button (shared) */
.theme-btn {
  background:none; border:none; cursor:pointer;
  color:rgba(255,255,255,0.5); font-size:16px; padding:4px 6px;
  border-radius:6px; transition:color 0.15s, background 0.15s;
  display:flex; align-items:center; line-height:1;
}
.theme-btn:hover { color:rgba(255,255,255,0.9); background:rgba(255,255,255,0.08); }