/* ================================================================
   Dark mode overrides for hardcoded light-theme colors
   ================================================================ */

/* ----------------------------------------------------------------
   1. Hardcoded light backgrounds
   ---------------------------------------------------------------- */
[data-theme="dark"] .passage { background: var(--bg); }
[data-theme="dark"] .audio-box { background: var(--bg); }
[data-theme="dark"] .writing-task { background: var(--bg); }
[data-theme="dark"] .practice-toolbar { background: var(--bg); border-color: var(--border); }
[data-theme="dark"] .pdf-fallback { background: var(--bg); border-color: var(--border); }

/* ----------------------------------------------------------------
   2. Correct / incorrect feedback states
   ---------------------------------------------------------------- */
[data-theme="dark"] .practice-answer.correct {
  background: #064e3b;
  border-color: var(--success);
  color: #86efac;
}
[data-theme="dark"] .practice-answer.incorrect {
  background: #7f1d1d;
  border-color: var(--danger);
  color: #fca5a5;
}

[data-theme="dark"] .correct-option {
  background: #064e3b;
  border-color: var(--success);
}

[data-theme="dark"] .answers-review .correct {
  background: #064e3b;
  border-color: var(--success);
}
[data-theme="dark"] .answers-review .wrong {
  background: #7f1d1d;
  border-color: var(--danger);
}

/* ----------------------------------------------------------------
   3. Role badges
   ---------------------------------------------------------------- */
[data-theme="dark"] .role-badge.candidate {
  background: #1e3a5f;
  color: #93c5fd;
}
[data-theme="dark"] .role-badge.roleplayer {
  background: #14532d;
  color: #86efac;
}

/* ----------------------------------------------------------------
   4. Inline-style overrides from JS modules
      (Practice.js speaking role pills use inline backgrounds)
   ---------------------------------------------------------------- */
[data-theme="dark"] .question-block span[style*="#f0fdf4"] {
  background: #064e3b !important;
}
[data-theme="dark"] .question-block span[style*="#fef2f2"] {
  background: #7f1d1d !important;
}