body.light-mode {
    --bg: #f0f7ff;
    --surface: #e3eef9;
    --text: #0a1628;
    --muted: rgba(10,22,40,.7);
    --line: rgba(26,115,232,.15);
}
body.light-mode .cosmic-hero { background: var(--bg); }
body.light-mode .cosmic-hero h1 { color: var(--text); }
body.light-mode .cosmic-hero h1 .outline { -webkit-text-stroke-color: var(--text); }
body.light-mode .main-navbar { background: rgba(240,247,255,.9); }
body.light-mode .logo, body.light-mode .navlinks a { color: var(--text); }
body.light-mode .main-footer { background: var(--surface); }
body.light-mode .footer-col li, body.light-mode .footer-col a { color: rgba(10,22,40,.7); }