/* Lux & Zebra — Authelia Branding
   Overrides Authelia's default Material-UI theme with the LuZ dark palette:
   bg #0b0c10 · panel #13161c · accent #edfd00 · text #e6e8ea · dim #8f95a1 */

:root, .theme-dark, body.theme-dark {
  --authelia-primary-color: #edfd00 !important;
  --authelia-primary-color-light: #f5ff4d !important;
  --authelia-primary-color-dark: #c4d300 !important;
}

body, html {
  background: #0b0c10 !important;
  color: #e6e8ea !important;
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* Outer card — where the login form lives */
.MuiPaper-root, [class*="Paper"] {
  background: #13161c !important;
  color: #e6e8ea !important;
  border: 1px solid #2a2e38 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.4) !important;
}

/* Headlines + labels */
h1, h2, h3, h4, h5, .MuiTypography-root, [class*="Typography"] {
  color: #e6e8ea !important;
}
.MuiTypography-body2, .MuiFormLabel-root {
  color: #8f95a1 !important;
}

/* Logo replacement — hide Authelia's img and inject LuZ SVG as background */
img[alt*="Authelia"], img[src*="logo"], .Logo, [class*="Logo"] img {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjcuMjcgMzgzLjY0Ij48ZyBmaWxsPSIjZWRmZDAwIj48cGF0aCBkPSJNMzIxLjkzLjc2LDE4NS4yMywxMTUuMjhhMy4yNywzLjI3LDAsMCwwLS40LDQuNTksMy43OCwzLjc4LDAsMCwwLC40LjRsMzIuMywyNy4xYTMuMjgsMy4yOCwwLDAsMCw0LjE5LDBMMjc5LjM2LDk5djk4Ljc0YTMuMjcsMy4yNywwLDAsMCwxLjE2LDIuNDlMMzIxLjkzLDIzNWEzLjI1LDMuMjUsMCwwLDAsNC41OC0uMzksMy4yOCwzLjI4LDAsMCwwLC43Ni0yLjFWMy4yNmEzLjI1LDMuMjUsMCwwLDAtNS4zNC0yLjVaIi8+PHBhdGggZD0iTTAsMy4yN1Y1Ny40OEEzLjI3LDMuMjcsMCwwLDAsMS4xNiw2MEwyNzMuNjgsMjg4LjY1YTMuMjgsMy4yOCwwLDAsMCw0LjE5LDBsMzIuMy0yNy4xMWEzLjI1LDMuMjUsMCwwLDAsLjQtNC41OSwzLDMsMCwwLDAtLjQtLjRMNS4zNS43OEEzLjI1LDMuMjUsMCwwLDAsMCwzLjI3WiIvPjxwYXRoIGQ9Ik0xLjE2LDE1NC4xMywyMTcuNTgsMzM1LjcyYTMuMjQsMy4yNCwwLDAsMCw0LjE4LDBsMzIuMy0yNy4xYTMuMjUsMy4yNSwwLDAsMCwuNC00LjU5LDMsMywwLDAsMC0uNC0uNEw1LjM1LDk0LjkzQTMuMjYsMy4yNiwwLDAsMCwwLDk3LjQzdjU0LjIxQTMuMjcsMy4yNywwLDAsMCwxLjE2LDE1NC4xM1oiLz48cGF0aCBkPSJNMS4xNywyNDguNjEsMTYxLjQzLDM4Mi44OGEzLjI0LDMuMjQsMCwwLDAsNC4xOCwwTDE5OCwzNTUuN2EzLjI2LDMuMjYsMCwwLDAsLjQtNC41OSw1LDUsMCwwLDAtLjQtLjRMNS4zNSwxODkuMDlBMy4yNSwzLjI1LDAsMCwwLDAsMTkxLjU4djU0LjUzQTMuMjQsMy4yNCwwLDAsMCwxLjE3LDI0OC42MVoiLz48L2c+PC9zdmc+") !important;
  max-height: 56px !important;
  width: auto !important;
  filter: none !important;
}

/* Inputs */
.MuiInputBase-root, .MuiOutlinedInput-root, input[type="text"], input[type="password"], input[type="email"] {
  background: #0b0c10 !important;
  color: #e6e8ea !important;
  border-color: #2a2e38 !important;
}
.MuiOutlinedInput-notchedOutline {
  border-color: #2a2e38 !important;
}
.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #edfd00 !important;
}
.MuiInputLabel-root {
  color: #8f95a1 !important;
}
.MuiInputLabel-root.Mui-focused {
  color: #edfd00 !important;
}

/* Primary button — "Anmelden" / "Sign In" */
.MuiButton-containedPrimary, button[type="submit"], .MuiButton-root[class*="Primary"] {
  background: #edfd00 !important;
  color: #0a0a0a !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: none !important;
}
.MuiButton-containedPrimary:hover, button[type="submit"]:hover {
  background: #f5ff4d !important;
  filter: brightness(1.05) !important;
}

/* Secondary button — "Register" / "Forgot password" */
.MuiButton-text, .MuiButton-outlined, .MuiLink-root, a {
  color: #edfd00 !important;
}
.MuiButton-text:hover, .MuiLink-root:hover, a:hover {
  color: #f5ff4d !important;
}

/* Links under logo (Reset password, Register) */
.MuiFormControlLabel-label, .MuiFormHelperText-root {
  color: #8f95a1 !important;
}

/* Alerts (error messages) */
.MuiAlert-standardError, [class*="Error"] {
  background: rgba(255, 106, 106, .08) !important;
  color: #ff6a6a !important;
  border: 1px solid rgba(255, 106, 106, .25) !important;
}

/* Checkboxes */
.MuiCheckbox-root {
  color: #8f95a1 !important;
}
.MuiCheckbox-root.Mui-checked {
  color: #edfd00 !important;
}

/* Footer / fine-print */
footer, .MuiContainer-root > *:last-child {
  color: #5a606c !important;
  font-size: .78rem !important;
}