/* landinfo — design system mineral, injetado na tela de login do Authelia */
:root{
  --ll-paper:#F7F6F2; --ll-ink:#2B2F33; --ll-pet:#0F3D4D;
  --ll-petd:#0b2e3a; --ll-green:#6B8F7A; --ll-bg:#8EA1AD;
}
html,body,#root{background-color:var(--ll-paper)!important}

body,.MuiTypography-root,.MuiButton-root,.MuiInputBase-root,
.MuiInputLabel-root,.MuiFormControlLabel-label,.MuiLink-root{
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif!important;
}

/* titulo "Iniciar sessao" */
.MuiTypography-h5,.MuiTypography-h6{
  color:var(--ll-ink)!important;font-weight:600!important;letter-spacing:-.01em;
}

/* botao primario -> petroleo */
.MuiButton-contained,.MuiButton-containedPrimary{
  background-color:var(--ll-pet)!important;color:#fff!important;
  box-shadow:0 1px 2px rgba(15,61,77,.25)!important;
  font-weight:600!important;letter-spacing:.04em!important;
}
.MuiButton-contained:hover,.MuiButton-containedPrimary:hover{
  background-color:var(--ll-petd)!important;
}

/* links */
a,.MuiLink-root{color:var(--ll-pet)!important}

/* checkbox + foco dos campos */
.MuiCheckbox-root.Mui-checked,.MuiCheckbox-colorPrimary.Mui-checked{color:var(--ll-pet)!important}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--ll-pet)!important}
.MuiInputLabel-root.Mui-focused{color:var(--ll-pet)!important}

/* avatar topo + rodape discreto */
.MuiAvatar-root{background-color:var(--ll-green)!important}
.MuiTypography-caption{color:var(--ll-bg)!important}