:root{
  /* Light theme (default) */
  --blue-600:#0055A2;
  --blue-700:#004384;
  --ink-900:#0B1020;
  --ink-700:#2A3245;
  --ink-500:#5B6275;
  --bg:#ffffff;
  --bg-alt:#F4F6FA;
  --surface:#ffffff;
  --border:#E5E9F2;
  --radius:16px;
  --shadow:0 10px 24px rgba(0,0,0,0.06);
  --fw-s:400; --fw-m:500; --fw-l:600; --fw-xl:700;
  --maxw:1200px;
  --transition-fast: .2s ease;
}

:root[data-theme="dark"], [data-theme="dark"]{
  --bg:#0B1020;
  --bg-alt:#10162A;
  --surface:#121A31;
  --border:#1E2742;
  --ink-900:#E8ECF6;
  --ink-700:#C2C9D6;
  --ink-500:#9AA3B2;
  --shadow:0 10px 24px rgba(0,0,0,0.35);
}