/* DayMug v0.1.1 keeps its login card light even when the app is dark.
 * Pin the two login controls to the card palette instead of inheriting
 * the shared dark card's nearly white foreground. */
.login-shell {
  color: #171923;
  color-scheme: light;
}

.login-shell :is(#login-username, #login-password) {
  color: #171923;
  -webkit-text-fill-color: #171923;
  caret-color: #171923;
  background-color: #f8f9fc;
}

.login-shell :is(#login-username, #login-password)::placeholder {
  color: #707583;
  -webkit-text-fill-color: #707583;
  opacity: 1;
}

.login-shell :is(#login-username, #login-password)::selection {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  background-color: #5b5ce2;
}

/* Keep browser/password-manager autofill legible as well. This does not
 * change the password input type: passwords remain masked with dots. */
.login-shell :is(#login-username, #login-password):is(:autofill, :-webkit-autofill) {
  -webkit-text-fill-color: #171923;
  caret-color: #171923;
  box-shadow: 0 0 0 1000px #f8f9fc inset;
}

.login-shell :is(#login-username, #login-password):is(:autofill, :-webkit-autofill):focus {
  box-shadow: 0 0 0 1000px #f8f9fc inset, 0 0 0 3px rgb(91 92 226 / 15%);
}