/* Loop17 app-theme.css: bindet die Inline-Stile der App-Seiten (LOOPWAVE, COIL ORB) an das Hell/Dunkel-Design */
:root{--bg:var(--l-bg);--card:var(--l-surface);--line:var(--l-line);--text:var(--l-ink);--muted:var(--l-mute);--accent:var(--l-accent);--gold1:var(--l-gold1);--gold2:var(--l-gold2)}
body{background:var(--l-bg);color:var(--l-ink)}
h1{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--l-ink);letter-spacing:-.025em}
.brand img{border:1px solid var(--l-line)}
.button{background:var(--l-accent);color:var(--l-accent-ink)}
.button:hover{opacity:.85}
.contact-card,.support,nav.langs a{border-radius:12px}
.contact-card:hover,nav.langs a:hover{border-color:var(--l-ink)}
a:focus-visible,.button:focus-visible{outline:2px solid var(--l-accent);outline-offset:3px;border-radius:4px}
main>footer a:hover{color:var(--l-ink)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.contact-card,.button,nav.langs a{transition:border-color .2s,background .2s,color .2s}}