/* ==========================================================================
   Night mode — dark theme variable overrides.
   Not active until <html data-theme="night"> (or body) is set by JS.
   Loaded unconditionally; overrides only apply when the attribute is present.
   ========================================================================== */

[data-theme="night"] {
  --color-primary: #dd6b20;
  --color-primary-light: #f0803a;
  --color-primary-dark: #f08c5a;
  --color-primary-soft: #3a2418;

  --color-bg: #1a1714;
  --color-surface: #262220;
  --color-surface-alt: #2e2a27;
  --color-text: #f0e9e2;
  --color-text-muted: #a89f96;
  --color-border: #3a332e;
  --color-danger: #f56565;

  --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow-tabbar: 0 -2px 12px rgba(0, 0, 0, 0.45);
}

[data-theme="night"] .btn {
  color: #1a1714;
}

[data-theme="night"] .btn-ghost {
  color: var(--color-primary-dark);
}

[data-theme="night"] .btn-blue,
[data-theme="night"] .btn-green {
  color: #ffffff;
}

[data-theme="night"] .chip.active,
[data-theme="night"] .listen-chip.active,
[data-theme="night"] .podcast-chip.active,
[data-theme="night"] .podcast-line.active .podcast-line-num {
  color: #1a1714;
}

[data-theme="night"] .listen-kicker,
[data-theme="night"] .grade-good .grade-label {
  color: var(--color-primary-dark);
}

[data-theme="night"] .grade-easy .grade-label {
  color: #68d391;
}

[data-theme="night"] .exam-option.correct,
[data-theme="night"] .quiz-option.correct {
  background: #16352a;
  border-color: #48bb78;
  color: #c6f6d5;
}

[data-theme="night"] .exam-option.wrong,
[data-theme="night"] .quiz-option.wrong {
  background: #3a1a1a;
  border-color: #f56565;
  color: #feb2b2;
}

[data-theme="night"] .quiz-feedback.ok,
[data-theme="night"] .quiz-done-card {
  background: #16352a;
  border-color: #48bb78;
}

[data-theme="night"] .quiz-feedback.bad {
  background: #3a1a1a;
  border-color: #f56565;
}

[data-theme="night"] .switch:not(.on) {
  background: #4a423b;
}

[data-theme="night"] .heat-cell {
  background: #3a332e;
}

[data-theme="night"] .heat-cell.l1 {
  background: #5a3a26;
}

[data-theme="night"] .heat-cell.l2 {
  background: #7a4a2a;
}

[data-theme="night"] .heat-cell.l3 {
  background: #b5642e;
}

[data-theme="night"] .heat-cell.l4 {
  background: #f08c5a;
}

[data-theme="night"] .tab.active {
  color: var(--color-primary-dark);
}