body.dark-mode {
  --bg: #101827;
  --panel: #182235;
  --panel-alt: #1e2b3d;
  --text: #ecf3ff;
  --muted: #adc1df;
  --primary: #cddcff;
  --primary-strong: #0f172a;
  --gold: #f0d785;
  --border: rgba(255,255,255,0.08);
  --link: #cddcff;
  --shadow: rgba(0,0,0,0.2);
}

body.dark-mode .brand, body.dark-mode .btn-ghost, body.dark-mode .nav-links a, body.dark-mode .nav-actions a, body.dark-mode .site-footer a { color: #ecf3ff; }
body.dark-mode .card, body.dark-mode .panel, body.dark-mode .form-card, body.dark-mode input, body.dark-mode textarea, body.dark-mode select { background: #182235; border-color: rgba(255,255,255,0.08); color: #ecf3ff; }
body.dark-mode .site-footer { background: #091522; }