:root{
  --bg:#f4f4f9; --text:#333; --card:#ffffff; --brand:#092c53; --button:#007bff; --button-hover:#0056b3; --shadow:rgba(0,0,0,.1);
}
:root.dark{
  --bg:#0e1320; --text:#e6e6e6; --card:#151b2b; --brand:#0b1f3f; --button:#2b70f7; --button-hover:#1f56bf; --shadow:rgba(0,0,0,.35);
}

/* tokens -> existing classes */
body{ background:var(--bg); color:var(--text); }
.navbar{ background:var(--brand); }
.content,.card{ background:var(--card); box-shadow:0 0 10px var(--shadow); }
.button{ background:var(--button); }
.button:hover{ background:var(--button-hover); }
footer{ background:var(--button); color:#fff; }