/* Wafio - Farben fuer die Authelia-Anmeldeseite (Authelia 4.39).
   Eingebunden vom nginx-Sidecar (infra/authelia/brand.nginx.conf) per sub_filter als /authelia/brand.css.
   Authelia nutzt Tailwind mit Cascade Layers; diese Datei ist ungelayert und hat daher Vorrang (deshalb !important).
   Farben nach docs/ci-guide.md (Palette whale-forest.com): --wafio-brand #2a5bd0 (Akzent; weisse Schrift darauf 5,99:1), Hover/aktiv abgedunkelt per color-mix,
   Fokusring Violett #6b34cf (Akzent-Violett, 6,2:1 auf der hellen Karte). Die Anmeldeseite bleibt hell (theme light in configuration.yml.template);
   die dunkle Variante der App (#86a8f5) gilt dort nicht.
   Das Logo (Wafio-Wortmarke, 160x56 PNG, weiss auf transparent, Kopie von src/lib/mail/assets/logo.png) kommt aus /config/assets/logo.png (infra/authelia/assets/logo.png, installiert von authelia-brand.sh). */
:root{--wafio-brand:#2a5bd0;--wafio-brand-dark:color-mix(in srgb,#2a5bd0 80%,#000);--wafio-accent:#6b34cf}
/* Anmelde-Button */
#form-login button[type="submit"],#first-factor-stage button.bg-primary{background-color:var(--wafio-brand)!important;color:#fff!important;border-color:var(--wafio-brand)!important}
#form-login button[type="submit"]:hover,#first-factor-stage button.bg-primary:hover,
#form-login button[type="submit"]:active{background-color:var(--wafio-brand-dark)!important}
#form-login button[type="submit"]:focus-visible{outline:2px solid var(--wafio-accent)!important;outline-offset:2px}

/* Eingabefelder: Fokus */
#form-login input:focus,#form-login input:focus-visible{border-color:var(--wafio-brand)!important;box-shadow:0 0 0 1px var(--wafio-brand)!important;outline:none!important}

/* "Angemeldet bleiben" */
#form-login input[type="checkbox"]{accent-color:var(--wafio-brand)}
#form-login [role="checkbox"][data-state="checked"],#form-login [role="checkbox"][aria-checked="true"]{background-color:var(--wafio-brand)!important;border-color:var(--wafio-brand)!important;color:#fff!important}

/* Links (z. B. "Passwort vergessen", Hilfe) */
#first-factor-stage a,#first-factor-stage a:visited{color:var(--wafio-brand)}
#first-factor-stage a:hover{color:var(--wafio-brand-dark)}
#first-factor-stage a:focus-visible{outline:2px solid var(--wafio-accent);outline-offset:2px}

/* Logo (WFV + „Wafio“, weiss auf transparent, /config/assets/logo.png, 160x56) auf dunklem Streifen darstellen */
#first-factor-stage img{width:112px!important;max-width:60%!important;height:auto!important;background:#03060e!important;padding:12px 16px!important;border-radius:8px!important;box-sizing:content-box!important}

/* Fallback fuer aeltere MUI-Versionen */
.MuiButton-contained.MuiButton-colorPrimary,.MuiButton-containedPrimary{background-color:var(--wafio-brand)!important;color:#fff!important}