/* Aimquode-Look für den Login (Authelia 4.39). Wird vom login-proxy in jede Login-Seite eingehängt.
   Farben/Schrift aus dem Aimquode Design System (tokens.json, 15.10.2026). */
@font-face{font-family:Archivo;src:url(/login/aq/fonts/archivo-latin-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url(/login/aq/fonts/archivo-latin-600.woff2) format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:"Archivo Expanded";src:url(/login/aq/fonts/archivo-expanded-latin.woff2) format("woff2");font-weight:700;font-display:swap}

:root,[data-theme]{
  --background:#f5f5fa!important;--foreground:#18131f!important;
  --card:#ffffff!important;--card-foreground:#18131f!important;
  --popover:#ffffff!important;--popover-foreground:#18131f!important;
  --primary:#7145d6!important;--primary-foreground:#ffffff!important;
  --secondary:#5931ad!important;--secondary-foreground:#ffffff!important;
  --muted:#f1eefa!important;--muted-foreground:#605a70!important;
  --accent:rgba(113,69,214,.1)!important;--accent-foreground:#18131f!important;
  --border:#e2dff0!important;--input:#d9d4ea!important;--ring:#7145d6!important;
  --info:#7145d6!important;--custom-icon:#7145d6!important;--custom-loading-bar:#7145d6!important;
  --radius:12px!important;color-scheme:light!important;
}
html,body{background:radial-gradient(120% 70% at 50% 0%,#eef0fb 0%,#f5f5fa 55%,#f9f9fc 100%) fixed!important;color:#18131f!important}
body,button,input,label,p,span,div,a,h1,h2,h3,h4,h5,h6{font-family:Archivo,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
h4,h5,h6,.text-2xl{font-family:"Archivo Expanded",Archivo,sans-serif!important;font-weight:700!important;letter-spacing:-.01em;color:#18131f}

/* Anmelde-/Bestätigungs-Schritte als weiße Karte */
[id$="-stage"]>div{background:#fff;border:1px solid #e2dff0;border-radius:24px;box-shadow:0 24px 48px -28px rgba(24,19,31,.3);padding-top:36px!important;padding-bottom:28px!important}
[id$="-stage"] img{border-radius:14px}

/* Knöpfe: Aimquode-Pillen */
button.bg-primary{border-radius:980px!important;text-transform:none!important;font-weight:600!important;font-size:15px!important;height:46px!important;box-shadow:0 12px 24px rgba(113,69,214,.28);transition:background .15s,transform .15s}
button.bg-primary:hover{background:#5931ad!important;transform:translateY(-1px)}
.uppercase{text-transform:none!important}
button.text-primary,a.text-primary{color:#7145d6!important}

/* Eingabefelder */
input.peer{border-radius:12px!important;background:#fff!important;color:#18131f!important}
input.peer:focus{border-color:#7145d6!important;box-shadow:0 0 0 3px rgba(113,69,214,.18)!important}

/* Kein Hersteller-Hinweis */
a[href*="authelia.com"]{display:none!important}

/* Handy: Karte mit Rand statt bündig */
@media (max-width:480px){[id$="-stage"]>div{width:auto!important;margin:0 16px!important;padding-left:20px!important;padding-right:20px!important}}