/* gudian.ch — Authelia Login Theme (v4). Token-Block gespiegelt aus design-system.css. */
:root{
  --accent:#0A7D48; --accent-press:#096B3E; --on-accent:#FFFFFF;
  --bg:#F5F5F7; --surface:#FFFFFF; --fg:#1D1D1F; --fg-2:#6E6E73; --fg-3:#86868B; --border:#D2D2D7;
  --r-md:12px; --r-lg:18px; --r-pill:980px;
  --shadow:0 1px 2px rgba(0,0,0,.04), 0 6px 20px rgba(0,0,0,.06);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --accent:#30D158; --accent-press:#28B84C; --on-accent:#04240F;
  --bg:#000000; --surface:#1C1C1E; --fg:#F5F5F7; --fg-2:#AEAEB2; --fg-3:#8E8E93; --border:#38383A;
  --shadow:0 1px 2px rgba(0,0,0,.4);
}}

body{ background:var(--bg) !important; }
body,.MuiTypography-root,.MuiButtonBase-root,.MuiInputBase-input,.MuiFormLabel-root{ font-family:var(--font) !important; }

/* Karte */
.MuiPaper-root{ background:var(--surface) !important; border-radius:var(--r-lg) !important;
  box-shadow:var(--shadow) !important; border:1px solid var(--border) !important; }

/* Primär-Button = Akzent (robust ueber submit) */
button[type="submit"],
.MuiButton-contained,.MuiButton-containedPrimary,.MuiLoadingButton-contained{
  background:var(--accent) !important; background-color:var(--accent) !important;
  color:var(--on-accent) !important; box-shadow:none !important; border-radius:var(--r-pill) !important;
}
button[type="submit"]:hover,.MuiButton-contained:hover{ background-color:var(--accent-press) !important; }
.MuiButton-root{ text-transform:none !important; border-radius:var(--r-pill) !important; font-weight:550 !important; }

/* Text-Buttons + Links -> Akzent */
.MuiButton-root:not(.MuiButton-contained),.MuiButton-text,a,[class*="MuiLink"],
.MuiTypography-colorPrimary,.MuiTypography-colorSecondary{ color:var(--accent) !important; }
button[type="submit"]{ color:var(--on-accent) !important; }

/* Checkbox / Radio checked -> Akzent */
.MuiCheckbox-root.Mui-checked,.MuiRadio-root.Mui-checked{ color:var(--accent) !important; }
.MuiCheckbox-root.Mui-checked svg{ fill:var(--accent) !important; }

/* EIN Feldtext: MUI-Floating-Label aus, Placeholder als Hinweis */
.MuiInputLabel-root{ display:none !important; }
.MuiOutlinedInput-notchedOutline > legend{ max-width:0.01px !important; }
.MuiInputBase-root,.MuiOutlinedInput-root{ background-color:transparent !important; border-radius:var(--r-md) !important; }
.MuiInputBase-input,.MuiOutlinedInput-input,input{ color:var(--fg) !important; -webkit-text-fill-color:var(--fg) !important; }
.MuiInputBase-input::placeholder,.MuiOutlinedInput-input::placeholder,input::placeholder{
  opacity:1 !important; color:var(--fg-2) !important; -webkit-text-fill-color:var(--fg-2) !important; }
.MuiOutlinedInput-notchedOutline{ border-color:var(--fg-3) !important; }
.Mui-focused .MuiOutlinedInput-notchedOutline{ border-color:var(--accent) !important; }

/* Spinner -> Akzent */
.MuiCircularProgress-root{ color:var(--accent) !important; }
.MuiLinearProgress-bar{ background-color:var(--accent) !important; }