/* Authentication only. Customer pages and their artwork never load this file. */
.login-brand-symbol { color-scheme: only light; }

@media (forced-colors: none) {
  :root {
    color-scheme: dark;
    --login-ink: #f8fafc;
    --login-muted: #bac7d9;
    --login-action: #245bc5;
  }
  body { background: #111827; color: var(--login-ink); }
  .login-box { background: #19222e; border-color: #65758a; box-shadow: 0 24px 64px -24px #0009; }
  .login-input { background: #202a37; color: #f8fafc; border-color: #65758a; }
  .login-input::placeholder { color: #bac7d9; opacity: 1; }
  .login-input:hover { border-color: #b9d6ff; }
  .login-input:focus { border-color: #b9d6ff; box-shadow: 0 0 0 3px #b9d6ff40; }
  .login-input:disabled { background: #334155; color: #cbd5e1; border-color: #65758a; }
  .login-input:-webkit-autofill {
    -webkit-text-fill-color: #f8fafc;
    box-shadow: 0 0 0 1000px #202a37 inset;
    caret-color: #f8fafc;
  }
  .login-input:-webkit-autofill:focus { box-shadow: 0 0 0 1000px #202a37 inset, 0 0 0 3px #b9d6ff40; }
  .password-toggle { color: #f8fafc; }
  .password-toggle:hover { color: #fff; background: #334155; }
  .password-toggle:disabled { color: #bac7d9; }
  .remember-check { color: #bac7d9; }
  .remember-check input { accent-color: #b9d6ff; }
  .login-box a { color: #b9d6ff; }
  .login-box a:focus-visible,
  .login-box button:focus-visible,
  .remember-check input:focus-visible { outline-color: #b9d6ff; }
  .login-box .login-submit { background: #245bc5; color: #fff; box-shadow: none; }
  .login-box .login-submit:hover { background: #1d4ba4; }
  .login-box .login-submit:disabled { background: #334155; color: #cbd5e1; }
  .login-signup { border-color: #65758a; }
  .login-box .mensagem-erro { background: #35201f; color: #ffb4ab; border-color: #a96f6a; }
  .login-box .mensagem-sucesso { background: #173d32; color: #a0f2cf; border-color: #5ca88a; }
  .auth-status-icon { color: #b9d6ff; background: #26374d; }
  .auth-account { color: #bac7d9; background: #202a37; border-color: #65758a; }
  .senha-checks .ok { color: #a0f2cf; }
}