/* Synchronisiert mit dem Stylesheet-Projekt am 13.09.2026. */
:root[data-design="hell"]{--bg:#f5f7fa;--surface:#ffffff;--text:#192635;--muted:#536171;--line:#c8d0da;--blue:#174fcc;--gold:#805900;--purple:#6334c4}
:root[data-design="sand"]{--bg:#e7e1d7;--surface:#f7f3ed;--text:#292923;--muted:#5c584f;--line:#bab1a3;--blue:#214bb4;--gold:#745000;--purple:#6334ad}
:root[data-design="dunkel"]{--bg:#111b25;--surface:#1a2937;--text:#f1f4f8;--muted:#b3c0ce;--line:#4d6175;--blue:#92b8ff;--gold:#f3c65d;--purple:#c6aeff}
:root[data-design="grau"]{--bg:#e8e9eb;--surface:#ffffff;--text:#24272b;--muted:#51555b;--line:#a6a8ad;--blue:#1646b5;--gold:#6a4b00;--purple:#5c2cad}
:root[data-design="nebelblau"]{--bg:#c9daec;--surface:#ffffff;--text:#192635;--muted:#46576b;--line:#91abc7;--blue:#1646b5;--gold:#6a4b00;--purple:#5c2cad}
body,.qp-section,.qp-section h2,.qp-section h3,.qp-section .eyebrow{font-family:"Segoe UI",Arial,sans-serif}
.qp-section h2{font-size:clamp(2rem,3.6vw,3.25rem)}