/* Dark theme overrides. Bootstrap 5.3 handles its own components via data-bs-theme;
   this file covers the custom colours from app.css and inline page styles. */
[data-bs-theme="dark"] {
  --ink: #e6e8f2;
  --muted: #9aa3b8;
  --surface: #1b1f2e;
  --line: #2c3245;
  --shadow: 0 18px 50px rgba(0, 0, 0, .35);
  color-scheme: dark;
}
[data-bs-theme="dark"] body {
  background: radial-gradient(circle at 10% 0, rgba(117, 94, 255, .12), transparent 28rem),
              radial-gradient(circle at 95% 25%, rgba(13, 200, 156, .06), transparent 25rem),
              #11141f !important;
  color: var(--ink);
}
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .settings-tabs,
[data-bs-theme="dark"] .settings-content {
  background-color: var(--surface);
  border-color: var(--line) !important;
}
[data-bs-theme="dark"] .card:hover { box-shadow: 0 24px 55px rgba(0, 0, 0, .45) !important; }
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
  background-color: #151927;
  border-color: #33394d;
  color: var(--ink);
}
[data-bs-theme="dark"] .table-light,
[data-bs-theme="dark"] .table-light > tr > th,
[data-bs-theme="dark"] thead.table-light th {
  --bs-table-bg: #22283a;
  --bs-table-color: var(--ink);
  border-color: var(--line);
}
[data-bs-theme="dark"] .text-muted { color: var(--muted) !important; }
[data-bs-theme="dark"] .btn-soft { background: #2a2552; color: #c9c2ff; border-color: #3a3470; }
[data-bs-theme="dark"] .readonly-field,
[data-bs-theme="dark"] .plan-strip,
[data-bs-theme="dark"] .preference-row:hover,
[data-bs-theme="dark"] .settings-tab:hover { background: #20253a; }
[data-bs-theme="dark"] .settings-tab.active { background: #2a2552; color: #c9c2ff; }
[data-bs-theme="dark"] .verified-banner { background: #12301f; border-color: #1f5136; color: #7fe0b1; }
[data-bs-theme="dark"] .otp-card { background: #15241f; border-color: #24463a; }
[data-bs-theme="dark"] .bg-light { background-color: #22283a !important; color: var(--ink) !important; }
[data-bs-theme="dark"] .list-group-item { background-color: transparent; }
[data-bs-theme="dark"] footer { color: var(--muted); }

.theme-toggle .bi { width: 1.1rem; }

@media print {
  [data-bs-theme="dark"] body { background: #fff !important; color: #000; }
}