/* Dark Theme for Muallim Tajwid 2.0 */

[data-theme="dark"] {
  --tw-bg: #1a1a2e;
  --tw-bg-muted: #16213e;
  --tw-bg-teal: #1a3a3a;
  --tw-text: #e0e0e0;
  --tw-border: #2a2a4a;
  --tw-primary: #00897b;
  --tw-accent: #ffd54f;
  --tw-card-bg: #16213e;
  --tw-card-border: #2a2a4a;
  --tw-header-bg: #0f3460;
  color-scheme: dark;
}

[data-theme="dark"] body {
  background-color: var(--tw-bg);
  color: var(--tw-text);
}

[data-theme="dark"] body::before {
  opacity: 0.03;
  filter: invert(1);
}

[data-theme="dark"] .tw-topbar,
[data-theme="dark"] header {
  background: var(--tw-header-bg) !important;
}

[data-theme="dark"] .lesson-card,
[data-theme="dark"] .lesson-section,
[data-theme="dark"] .ia-ayah,
[data-theme="dark"] .lesson-example,
[data-theme="dark"] .lesson-term,
[data-theme="dark"] .lesson-hadith,
[data-theme="dark"] .lesson-diagram {
  background: var(--tw-card-bg);
  border-color: var(--tw-card-border);
}

[data-theme="dark"] .lesson-example__arabic,
[data-theme="dark"] .lesson-term__arabic,
[data-theme="dark"] .lesson-hadith__arabic,
[data-theme="dark"] .arabic,
[data-theme="dark"] .arabic-text,
[data-theme="dark"] .arabic-inline {
  color: #e8d5a3;
}

[data-theme="dark"] .ia-arabic {
  color: #f0e6ce;
}

[data-theme="dark"] .tw-letter-hl {
  color: #ef5350 !important;
  text-shadow:
    0 0 6px rgba(239, 83, 80, 0.4),
    0 0 14px rgba(239, 83, 80, 0.25),
    0 0 28px rgba(239, 83, 80, 0.12);
}

[data-theme="dark"] .lesson-letter-forms__card {
  background: #1e2a45;
  border-color: #2a3a55;
}

[data-theme="dark"] .lesson-letter-forms__char {
  color: #00bfa5;
}

[data-theme="dark"] a {
  color: #80cbc4;
}

[data-theme="dark"] .lesson-btn--primary {
  background: var(--tw-primary);
}

[data-theme="dark"] .ia-word-info {
  background: #1e2a45;
  border-color: #2a3a55;
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: #1e2a45;
  color: #e0e0e0;
  border-color: #2a3a55;
}

/* Navigation sidebar */
[data-theme="dark"] .tw-sidebar,
[data-theme="dark"] nav {
  background: #0f1a30;
}

[data-theme="dark"] .tw-sidebar a,
[data-theme="dark"] nav a {
  color: #b0bec5;
}

[data-theme="dark"] .tw-sidebar a:hover,
[data-theme="dark"] nav a:hover {
  color: #ffd54f;
}

/* Quiz */
[data-theme="dark"] .lesson-quiz__option {
  background: #1e2a45;
  border-color: #2a3a55;
  color: #e0e0e0;
}

/* Tables */
[data-theme="dark"] table,
[data-theme="dark"] th,
[data-theme="dark"] td {
  border-color: #2a3a55;
}

[data-theme="dark"] th {
  background: #1e2a45;
}

[data-theme="dark"] td {
  background: #16213e;
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #1a1a2e;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #2a3a55;
}

/* Font Switcher */
[data-theme="dark"] .font-switcher {
  background: #16213e;
  border-color: #334155;
}
[data-theme="dark"] .font-switcher__btn {
  background: #1e293b;
  color: #e0e0e0;
  border-color: #334155;
}
[data-theme="dark"] .font-switcher__btn:hover {
  background: #2a3a55;
}
[data-theme="dark"] .font-switcher__btn.is-active {
  background: #00897b;
  color: #fff;
  border-color: #00897b;
}

/* Tongue Diagram */
[data-theme="dark"] .tongue-diagram {
  background: #16213e;
  border-color: #334155;
}
[data-theme="dark"] .tongue-diagram__text,
[data-theme="dark"] .tongue-diagram__description {
  color: #e0e0e0;
}

/* Qiraat / Isnad / Transmission components */
[data-theme="dark"] .qiraat-transmitter {
  background: #1e293b;
}
[data-theme="dark"] .qiraat-branch__location,
[data-theme="dark"] .qiraat-transmitter__name {
  color: #94a3b8;
}
[data-theme="dark"] .isnad-link {
  background: #1e293b;
  border-color: #334155;
}
[data-theme="dark"] .isnad-link__period,
[data-theme="dark"] .isnad-link__description {
  color: #94a3b8;
}
[data-theme="dark"] .isnad-link__name {
  color: #e0e0e0;
}

/* Rasm rules */
[data-theme="dark"] .rasm-rule,
[data-theme="dark"] .rasm-example {
  background: #1e293b;
  border-color: #334155;
}
[data-theme="dark"] .rasm-rule__desc,
[data-theme="dark"] .rasm-example__desc {
  color: #94a3b8;
}

/* Transmission method cards */
[data-theme="dark"] .transmission-method {
  background: #1e293b;
  border-color: #334155;
}
[data-theme="dark"] .transmission-method__desc {
  color: #94a3b8;
}

/* Flow cards — already colored, just adjust text contrast */
[data-theme="dark"] .flow-card__arabic {
  background: rgba(255, 255, 255, 0.15);
}

/* Lesson flow grid */
[data-theme="dark"] .lesson-flow-grid__title {
  color: var(--tw-text);
}

/* Generic hardcoded grays → dark theme equivalents */
[data-theme="dark"] .isnad-conditions {
  background: #1e293b;
  color: #e0e0e0;
}

/* Quiz answer states — dark theme */
[data-theme="dark"] .quiz-option.correct {
  background-color: #1b3a2a;
  border-color: #2d5a3e;
  color: #a5d6b0;
}
[data-theme="dark"] .quiz-option.wrong {
  background-color: #3a1b1b;
  border-color: #5a2d2d;
  color: #d6a5a5;
  opacity: 0.8;
}
[data-theme="dark"] .lesson-quiz__option.correct {
  background-color: #1b3a2a;
  border-color: #2d5a3e;
  color: #a5d6b0;
}
[data-theme="dark"] .lesson-quiz__option.wrong {
  background-color: #3a1b1b;
  border-color: #5a2d2d;
  color: #d6a5a5;
}

/* Transliteration teacher/fallback — light teal was #004d40 (contrast 2.4:1 on dark) */
[data-theme="dark"] .mushaf-translit-teacher,
[data-theme="dark"] .ia-translit-teacher {
  color: #80cbc4; /* light teal, ~7:1 contrast on #1a1a2e */
}
[data-theme="dark"] .mushaf-translit-fallback {
  border-left-color: #ffd54f;
  opacity: 0.85;
}

/* Settings panel labels/values — was #666 (low contrast) */
[data-theme="dark"] .settings-panel__label,
[data-theme="dark"] .settings-panel__value {
  color: #b0b0b0;
}