/* Freigegebene Farbwelt: Petrol, Türkis, Waldgrün und Gold auf Creme. */
:root{--navy:#123e49;--ink:#123e49;--accent:#138c97;--surface:#f5f1e7f5;--soft:#ecefe9;--muted:#48676b;--line:#d7e1db}
body{background:#e2e9e6;color:var(--ink)}
.brand{background-image:url('./assets/eifach-logo-petrol.png');background-color:#f5f1e7;width:160px;height:105px;border-radius:12px;margin-top:0;mix-blend-mode:normal;box-shadow:0 2px 12px #123e491c}
.hero-top{min-height:113px}.hero-caption{text-shadow:0 2px 8px #123e49}
.menu-button,.settings-button{color:#123e49;background:#f5f1e7ce}
.list-card{border-color:#f5f1e7b8}.list-body p{color:#294f59}.list-body .soon{color:#597078}
.bottom-nav{background:#123e49f5;border-color:#f5f1e740}.bottom-nav a{color:#f5f1e7}.bottom-nav a[aria-current=page]{color:#53d6d0}.nav-brand{color:#f5f1e7b5}
.primary{background:#138c97;color:#fff}.secondary,.segmented button{background:#eef1eb;border-color:#d2ddd7;color:#123e49}.segmented button[aria-pressed=true]{background:#138c97;color:#fff;border-color:#138c97}
.assistant-panel h2>svg{color:#138c97}.input-options button,.input-options svg{color:#123e49}.assistant-note{color:#4d696e}.assistant-panel .input-options{border-color:#d3dfda}
.search-input{background:#fffdf6;border-color:#d0dcd6;color:#123e49}.backgrounds button{background:#fffdf6;color:#123e49}.backgrounds button[aria-pressed=true]{border-color:#138c97}
.note{background:#e9efe9;color:#456168}.badge{background:#e9efe9;color:#456168}.toast{background:#123e49;color:#f5f1e7}
.module.alltag{--tile:linear-gradient(155deg,#2caf82,#13805e 42%,#164939)}.module.verstehen{--tile:linear-gradient(155deg,#22b0ce,#147baa 42%,#12465c)}.module.technik{--tile:linear-gradient(155deg,#efc260,#cf862e 42%,#744522)}.module.offline{--tile:linear-gradient(155deg,#ed6869,#cc3c4b 42%,#79273b)}
:root[data-theme=dark]{--surface:#163943f5;--soft:#12313b;--ink:#f5f1e7;--navy:#f5f1e7;--muted:#b9cfcc;--line:#32555b;--accent:#66d6d0}
:root[data-theme=dark] .list-body p{color:#d0e0db}:root[data-theme=dark] .list-body .soon{color:#aac6c1}:root[data-theme=dark] .list-card{color:#f5f1e7;border-color:#44635f}
:root[data-theme=dark] .primary{background:#168e97;color:#fff}:root[data-theme=dark] .secondary,:root[data-theme=dark] .segmented button{background:#214550;color:#f5f1e7;border-color:#45646b}:root[data-theme=dark] .segmented button[aria-pressed=true]{background:#168e97;color:#fff}
:root[data-theme=dark] .input-options svg,:root[data-theme=dark] .input-options button{color:#e4f1e9}:root[data-theme=dark] .assistant-note{color:#b9d0ca}:root[data-theme=dark] .note,:root[data-theme=dark] .badge{background:#21444c;color:#c5ddd5}
:root[data-theme=dark] .search-input,:root[data-theme=dark] .backgrounds button{background:#21444c;color:#f5f1e7}:root[data-theme=dark] .menu-button,:root[data-theme=dark] .settings-button{color:#123e49}
@media(max-width:340px){.brand{width:146px;height:96px}.hero-top{min-height:104px}}