/* ========================
   Global Theme Variables
   ======================== */
:root[data-theme="light"] {
  --bg: #ffffff;
  --text: #111;
  --card: #fff;
  --muted: #6c757d;

  --footer-bg: #f8f9fa;
  --footer-text: #111;
  --footer-link: #0d6efd;
}

:root[data-theme="dark"] {
  --bg: #0f1115;
  --text: #e9eef7;
  --card: #141823;
  --muted: #9aa4b2;

  --footer-bg: #141823;
  --footer-text: #e9eef7;
  --footer-link: #4da3ff;
}

/* ========================
   Base Layout
   ======================== */
html, body {
  background: var(--bg);
  color: var(--text);
}

.navbar {
  background: var(--card);
}

/* Bootstrap card override */
.card {
  background: var(--card);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
}

/* Table adjustments */
.table-compact td,
.table-compact th {
  padding: .5rem .5rem;
}

.small-muted {
  color: var(--muted) !important;
}

/* ========================
   Footer
   ======================== */
.footer {
  background: var(--footer-bg);
  color: var(--footer-text);
}

.footer a {
  color: var(--footer-link);
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}