/* Light cyberpunk palette; dark colors remain the defaults in styles.css. */
:root[data-theme="light"]{--bg:#f5f8fc;--panel:#ffffff;--ink:#14253a;--muted:#4c6076;--line:#cad7e3;
--accent:var(--cyan);--cyan:#00776e;--magenta:#a12779;--lime:#526d16;
--surface-deep:#fff;--surface-soft:#eaf1f7;--surface-hover:#dce9f2;
--border-soft:#c9d6e2;--border-strong:#8c9eaf;
--copy-secondary:#4b6075;--copy-strong:#1b3047;--copy-dim:#62768b;
--button-ink:#fff;--header-surface:#f5f8fcf5;--surface-transparent:#e3edf580;
--panel-gradient-start:#f2f8fc;--panel-gradient-end:#e7eff7;--panel-shadow:#203c5920;
color-scheme:light;}
@media(prefers-color-scheme:light){:root:not([data-theme]){--bg:#f5f8fc;--panel:#ffffff;--ink:#14253a;--muted:#4c6076;--line:#cad7e3;
--accent:var(--cyan);--cyan:#00776e;--magenta:#a12779;--lime:#526d16;
--surface-deep:#fff;--surface-soft:#eaf1f7;--surface-hover:#dce9f2;
--border-soft:#c9d6e2;--border-strong:#8c9eaf;
--copy-secondary:#4b6075;--copy-strong:#1b3047;--copy-dim:#62768b;
--button-ink:#fff;--header-surface:#f5f8fcf5;--surface-transparent:#e3edf580;
--panel-gradient-start:#f2f8fc;--panel-gradient-end:#e7eff7;--panel-shadow:#203c5920;
color-scheme:light;}}
.theme-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50%;padding:9px}
.js .theme-toggle{display:inline-flex}.theme-toggle:hover{border-color:var(--cyan);color:var(--cyan);background:var(--surface-soft,#111b2c)}
.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-moon{display:none}:root[data-theme="light"] .theme-moon{display:block}:root[data-theme="light"] .theme-sun{display:none}
:root[data-theme="light"] .home-hero h1{text-shadow:2px 1px 0 #a1277912,-1px -1px 0 #00776e12}
@media(max-width:1000px){.header-inner{gap:20px}.site-nav{gap:23px}.header-actions{gap:14px}}
@media(max-width:680px){.header-inner{gap:0}.header-actions{gap:12px;padding-left:0}.theme-toggle{width:36px;height:36px;padding:8px}.header-actions .language{font-size:14px;gap:5px}.site-nav{gap:0}}
@media(max-width:380px){.brand{font-size:19px;gap:7px}.brand img{width:27px;height:27px}.header-actions{gap:8px}.theme-toggle{width:34px;height:34px}}
@media print{.theme-toggle{display:none}}