/* theme.css — small, isolated overrides so you don't have to touch styles.css */
:root[data-theme="dark"]{
  --bg: #0b1118;
  --card: #0f1720;
  --muted: #9aa4af;
  --border: #1f2a37;
  --accent-700:#7cc4ff;
  --accent-600:#66b9ff;
  --accent-500:#46a3ff;
  --accent-100:#0b2a42;
  --btn:#132233;
  color-scheme: dark;
}

:root[data-theme="dark"] body{
  color:#e5e7eb;
}

:root[data-theme="dark"] .topbar{
  background:#0b3454;
}

:root[data-theme="dark"] .main-nav a{ color:#bfe3ff }
:root[data-theme="dark"] .main-nav a.active{
  background:#0a2a44; color:#fff; border-bottom-color:#bfe3ff;
}

:root[data-theme="dark"] #balanceChart{ background:#0b2233 }
:root[data-theme="dark"] .like-skeleton .bar{ background:#17212c }
:root[data-theme="dark"] .btn.outline{ background:var(--card); color:#66b9ff; border-color:#234b6b }