:root {
  --bg: #f7f7fb;
  --fg: #222;
  --card: #fff;
  --muted: #666;
  --link: #0066cc;
  --shadow: 0 2px 8px rgba(0,0,0,.08);
}

:root.dark {
  --bg: #0f1217;
  --fg: #e8eaf0;
  --card: #171b22;
  --muted: #a9b0bb;
  --link: #5aa2ff;
  --shadow: 0 2px 12px rgba(0,0,0,.35);
}

html, body { background: var(--bg); color: var(--fg); }
.card, .box, .entry, .search, .table-box { 
  background: var(--card); box-shadow: var(--shadow); color: var(--fg);
}
a { color: var(--link); }
.btn { background: var(--link); color: #fff; }