:root[data-theme="dark"] {
  --bg: #0b1220;
  --fg: #e6f0ff;
  --muted: #9fb3c8;
  --card-bg: #111a2b;
  --table-border: #23324f;
  --input-bg: #0f172a;
  --input-border: #334155;
}
:root[data-theme="dark"] body { background: var(--bg); color: var(--fg); }
:root[data-theme="dark"] .card { background: var(--card-bg); color: var(--fg); border-color: var(--table-border); }
:root[data-theme="dark"] .table { color: var(--fg); }
:root[data-theme="dark"] .table thead th { color: var(--fg); border-bottom-color: var(--table-border); }
:root[data-theme="dark"] .table td, :root[data-theme="dark"] .table th { border-color: var(--table-border) !important; }
:root[data-theme="dark"] .form-control, :root[data-theme="dark"] .form-select {
  background-color: var(--input-bg); color: var(--fg); border-color: var(--input-border);
}
:root[data-theme="dark"] a { color: #93c5fd; }