/* Neutral dark palette: graphite surfaces with the existing blue brand accent. */
html[data-theme="dark"]{--bg:#0f131b;--ink:#eef2f8;--muted:#9ca8ba;--green:#6487ff;--line:#2b3442}
html[data-theme="dark"] body{background:linear-gradient(180deg,#0f131b 0,#141a24 37%,#0f131b 100%)}
html[data-theme="dark"] header nav{background:#171d27;border-color:#2b3544}
html[data-theme="dark"] .mark{color:#f1f4fa}html[data-theme="dark"] .mark>span{color:#6487ff}html[data-theme="dark"] .wordmark{border-color:#354052}
html[data-theme="dark"] .contact-link,html[data-theme="dark"] .theme-toggle{border-color:#354052;background:#171d27;color:#eef2f8}html[data-theme="dark"] .theme-toggle:hover{background:#202838}
html[data-theme="dark"] .hero-top:before{background:radial-gradient(closest-side at 62% 48%,#4268eb33 0%,#2439681f 45%,#0f131b00 100%)}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .notes{color:#a6b2c4}html[data-theme="dark"] .eyebrow i{background:#6487ff}
html[data-theme="dark"] .edition{color:#3b4c6c;border-color:#2d3848;background:linear-gradient(135deg,#202a3a 0%,#171f2c 58%,#121924 100%);box-shadow:18px 24px 0 -8px #090d1480,0 24px 54px #0006}html[data-theme="dark"] .edition span{color:#9ca9bd}
html[data-theme="dark"] .benefits{background:#171d27;border-color:#2b3442}html[data-theme="dark"] .benefits>span{color:#929fb2}html[data-theme="dark"] .benefits strong{color:#d7deea}
html[data-theme="dark"] .features article{background:#171d27;border-color:#2b3442}html[data-theme="dark"] .feature-top>span{background:#202b43;color:#82a4ff}html[data-theme="dark"] .feature-top small{color:#929fb2}
html[data-theme="dark"] .sample{background:#1c2330;border-color:#303b4c}html[data-theme="dark"] .sample small{color:#a2aec0}html[data-theme="dark"] .chip{background:#273550;color:#c4d2ff}
html[data-theme="dark"] .band{background:linear-gradient(115deg,#151b25,#1b2330)}html[data-theme="dark"] .band dl>div{border-color:#303a49}html[data-theme="dark"] .band dt{color:#e4e9f1}html[data-theme="dark"] .band dd{color:#a2adbe}
html[data-theme="dark"] .more article,html[data-theme="dark"] .about{border-color:#2b3442}html[data-theme="dark"] .more article>small{color:#98a5b8}html[data-theme="dark"] .principles{color:#9bb2ff}
html[data-theme="dark"] .contact{background:#111827}html[data-theme="dark"] .contact em{color:#8ca7ff}html[data-theme="dark"] .contact .eyebrow{color:#a6b5d0}html[data-theme="dark"] .contact .button{background:#dce5ff;color:#19366c}html[data-theme="dark"] .contact .button:hover{background:#c7d5ff}
html[data-theme="dark"] .app{box-shadow:0 30px 65px #0007,0 0 0 7px #202838}html[data-theme="dark"] .preview-label,html[data-theme="dark"] .preview-foot{color:#9ca8ba}
@media(max-width:720px){html[data-theme="dark"] header nav{background:#141a24;border-color:#2b3442}html[data-theme="dark"] .hero-top:before{display:none}html[data-theme="dark"] .app{box-shadow:0 15px 35px #0006,0 0 0 4px #202838}}

/* Fester Seitenhintergrund, damit Handy-Browser oben und beim Überscrollen die richtige Farbe zeigen */
html{background-color:#f5f8ff}
html[data-theme="dark"]{background-color:#0f131b;color-scheme:dark}