/* Nuvupi colors for the shared sign-in, registration and recovery screens. */
.nuvupi-auth {
  --ink: #1c2c49;
  --text: #34415b;
  --muted: #65718a;
  --bg: #f8faff;
  --line: #e2e7f0;
  --soft: #eff3fc;
}
.nuvupi-auth .auth-aside { background: #3964df; color: #fff; }
.nuvupi-auth .auth-aside .brand { color: #fff; }
.nuvupi-auth .auth-aside .nuvupi-mark { color: #fff; }
.nuvupi-auth .auth-aside .nuvupi-mark path { stroke: #3964df; }
.nuvupi-auth .auth-aside .nuvupi-wordmark > span { color: #dce7ff; }
.nuvupi-auth .auth-aside p,
.nuvupi-auth .auth-aside .eyebrow,
.nuvupi-auth .auth-aside > small { color: #e4ecff; }
.nuvupi-auth .auth-flower { color: #8da9ff; }
.nuvupi-auth .auth-form .eyebrow,
.nuvupi-auth .auth-switch a,
.nuvupi-auth .forgot-link { color: #3158b6; }
.nuvupi-auth .auth-switch,
.nuvupi-auth .auth-security,
.nuvupi-auth .back-link,
.nuvupi-auth .form-stack label small,
.nuvupi-auth .check-label { color: #65718a; }
.nuvupi-auth .btn.dark { background: #3964df; border-color: #3964df; color: #fff; }
.nuvupi-auth .btn.dark:hover { background: #294fc2; border-color: #294fc2; }
.nuvupi-auth .form-stack input:not([type=checkbox]),
.nuvupi-auth .form-stack select { border-color: #d5deed; }
.nuvupi-auth .form-stack input::placeholder { color: #748099; }
.nuvupi-auth .form-stack input:focus,
.nuvupi-auth .form-stack select:focus { border-color: #3964df; outline: 2px solid #dce6ff; }
.nuvupi-auth input[type=checkbox] { accent-color: #3964df; }
.nuvupi-auth a:focus-visible,
.nuvupi-auth button:focus-visible { outline-color: #3964df; }
.nuvupi-auth .auth-aside a:focus-visible { outline-color: #fff; }
.nuvupi-auth .auth-main a:hover { color: #294fc2; }