/* hppy-Feinschliff über app.css: Safran als Signalfarbe, Nachtblau als Grundton */
:root{--hppy-navy:#222d5a;--hppy-safran:#fab800;--hppy-safran-soft:#fef1cc}
body{font-family:"Inter Variable",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
/* Primärknöpfe: hell = Nachtblau/weiß, dunkel = Safran/Nachtblau */
.btn.primary{color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn.primary{color:#222d5a;font-weight:600}}
:root[data-theme="dark"] .btn.primary{color:#222d5a;font-weight:600}
/* aktiver Menüpunkt: Safran-Balken */
.side nav a.on,.mainnav a.on{box-shadow:inset 3px 0 0 var(--hppy-safran)}
:root:not([data-theme="dark"]) .side nav a.on{background:var(--hppy-safran-soft);color:var(--hppy-navy)}
:root:not([data-theme="dark"]) .side nav a.on .ic{color:var(--hppy-navy)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .side nav a.on{background:rgba(250,184,0,.14);color:#fab800}}
.brand-logo{height:26px}
a:hover{color:var(--ac)}
::selection{background:#fab800;color:#222d5a}
:focus-visible{outline:2px solid var(--hppy-safran);outline-offset:2px}