:root {
  --vb-marinho: #122736;
  --vb-azul: #005391;
  --vb-laranja: #f5821f;
  --vb-bege: #e2dfd8;
  --vb-bege-claro: #f5f3ef;
}
html, body, #root { background: var(--vb-bege-claro) !important; color: var(--vb-marinho); }

#first-factor-stage > .MuiContainer-root,
#second-factor-stage > .MuiContainer-root,
#register-stage > .MuiContainer-root {
  background: #fff;
  border-radius: var(--radius-12, 12px);
  border-top: var(--border-width-4, 4px) solid var(--vb-laranja);
  box-shadow: var(--vbt-sombra-lg, 0 12px 40px rgba(0,0,0,.18));
  padding: var(--vbt-espaco-9, 32px) var(--vbt-espaco-9, 32px) var(--vbt-espaco-7, 20px);
  margin-top: 8vh;
}

img[src*="static/media/logo.png"] { display: block; width: 220px !important; max-width: 100%; height: auto !important; margin: var(--vbt-espaco-3, 8px) auto var(--vbt-espaco-5, 12px); }
#UserSvg { display: none; }

h5.MuiTypography-h5 { color: var(--vb-marinho); font-weight: var(--vbt-titulo-peso, 700); }

#sign-in-button, .MuiButton-containedPrimary { background-color: var(--vb-azul); }
#sign-in-button:hover, .MuiButton-containedPrimary:hover { background-color: var(--vb-marinho); }
.MuiFormLabel-root.Mui-focused { color: var(--vb-azul); }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: var(--vb-azul); }
.MuiCheckbox-root.Mui-checked { color: var(--vb-azul); }
a.MuiLink-root { color: var(--vb-azul); }

a[href*="authelia.com"] { font-size: 0; pointer-events: none; cursor: default; text-decoration: none; }
a[href*="authelia.com"]::after {
  content: "\00a9 Grupo Valebrum";
  font-size: var(--vbt-texto-tamanho-sm, 12px); color: #6b7a86;
}