:root{
  --bg: #0f1216;
  --fg: #e5e7eb;
  --border-color: #333;
}
html[data-theme='light']{
  --bg:#ffffff;
  --fg:#111827;
  --border-color:#e5e7eb;
}
body { background: var(--bg); color: var(--fg); }
.card, .main-header, .main-sidebar, .main-footer { background: var(--bg); color: var(--fg); }
.list-group-item{ background: var(--bg); color: var(--fg); border-color: var(--border-color); }
.badge { font-size: .9em; }