/* Light token set — loaded only when a page sets $light = true */
:root{
  --bg:#ffffff;
  --bg-soft:#F5F7F8;
  --bg-hover:#EFF3F5;
  --bg-card:#ffffff;
  --border:#E4E7EA;
  --border-strong:#D8DDE2;
  --text:#101214;
  --text-mid:#3F464D;
  --text-dim:#6B7480;
  --accent:#0369A1;
  --accent-hover:#0EA5E9;
  --accent-soft:rgba(3,105,161,.08);
  --accent-glow:rgba(3,105,161,.15);
}
/* accent is dark on light, so knockout text flips white */
.cta,.search button,.pill.active,.badge,.pager a:hover{color:#fff}
.card:hover{box-shadow:0 0 0 1px var(--accent-soft),0 4px 16px rgba(16,18,20,.08)}
/* footer stays dark by design — restore its own scale */
.site-footer{background:#0A1628;color:#98A4BC;border-top:1px solid #0A1628}
.site-footer a{color:#B9C2CC}
.site-footer a:hover{color:#38BDF8}

/* brand chrome stays dark on every page — light or dark */
.topbar{background:#0A1628;border-bottom:1px solid #0A1628}
.topbar .brand{color:#fff}
.topbar .brand span{color:#38BDF8}

/* brand chrome stays dark on every page — light or dark */
.topbar{background:#0A1628;border-bottom:1px solid #0A1628}
.topbar .brand{color:#fff}
.topbar .brand span{color:#38BDF8}

h1{font-family:var(--sans);letter-spacing:-.02em}