/* TEP OS — merk-laag over het Authelia-portaal (best-effort over MUI). */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,600;1,800;1,900&family=JetBrains+Mono:wght@400;600&display=swap');

:root{ --blue:#0047ff; --blue-glow:#2e6bff; --paper:#f4f4f0; }

body{
  background:#0a0a0a !important;
  color:var(--paper) !important;
  font-family:'Archivo',sans-serif !important;
  background-image:
    radial-gradient(900px 600px at 80% -10%,rgba(0,71,255,.16),transparent 60%),
    radial-gradient(700px 500px at -10% 110%,rgba(0,71,255,.08),transparent 60%) !important;
}

/* De login-kaart als donker paneel met lijn */
#root .MuiPaper-root{
  background:linear-gradient(180deg,#161618,#121214) !important;
  border:1px solid #262629 !important;
  border-radius:12px !important;
  box-shadow:0 24px 60px rgba(0,0,0,.45) !important;
}

/* Koppen schuin + zwaar, zoals de huisstijl */
#root h1, #root h2,
.MuiTypography-h4, .MuiTypography-h5, .MuiTypography-h6{
  font-family:'Archivo',sans-serif !important;
  font-style:italic !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  color:var(--paper) !important;
}

/* Primaire knop in TEP-blauw */
.MuiButton-containedPrimary,
.MuiButton-root.MuiButton-contained{
  background:var(--blue) !important;
  color:#fff !important;
  font-family:'Archivo',sans-serif !important;
  font-weight:800 !important;
  font-style:italic !important;
  letter-spacing:.01em !important;
  border-radius:8px !important;
}
.MuiButton-containedPrimary:hover{ background:var(--blue-glow) !important; }

/* Invoervelden + focus-accent */
.MuiInputBase-root{ color:var(--paper) !important; }
.MuiOutlinedInput-notchedOutline{ border-color:#2a2a2e !important; }
.Mui-focused .MuiOutlinedInput-notchedOutline{ border-color:var(--blue) !important; }
.MuiInputLabel-root.Mui-focused{ color:var(--blue-glow) !important; }

/* Links + checkbox-accent */
a, .MuiLink-root{ color:var(--blue-glow) !important; }
.MuiCheckbox-root.Mui-checked{ color:var(--blue) !important; }

/* "Powered by" subtiel wegfaden */
.MuiTypography-root[href*="authelia"], a[href*="authelia.com"]{ opacity:.25 !important; }