/* Light-locked onboarding/auth fields for Android WebView (IME, autofill, dark UA).
   Keep cream/blush chrome; do not inherit form-control text color. */

html {
  color-scheme: light only;
}

.onboarding-root,
.grounded-auth-sheet {
  color-scheme: light only;
}

.onboarding-name-input,
.onboarding-name-input:hover,
.onboarding-name-input:focus,
.onboarding-name-input:active {
  color: #4e433c;
  -webkit-text-fill-color: #4e433c;
  caret-color: #4e433c;
  background-color: #fffdfb;
  opacity: 1;
}

.grounded-auth-input,
.grounded-auth-input:hover,
.grounded-auth-input:focus,
.grounded-auth-input:active {
  color: var(--text, #4e433c);
  -webkit-text-fill-color: var(--text, #4e433c);
  caret-color: var(--text, #4e433c);
  background-color: #fffdfb;
  opacity: 1;
}

.onboarding-comms-phone,
.onboarding-comms-phone:hover,
.onboarding-comms-phone:focus,
.onboarding-comms-phone:active {
  color: #4a3f38;
  -webkit-text-fill-color: #4a3f38;
  caret-color: #4a3f38;
  background-color: #ffffff;
  opacity: 1;
}

.onboarding-name-input:-webkit-autofill,
.onboarding-name-input:-webkit-autofill:hover,
.onboarding-name-input:-webkit-autofill:focus,
.onboarding-name-input:-webkit-autofill:active {
  -webkit-text-fill-color: #4e433c !important;
  caret-color: #4e433c;
  color: #4e433c;
  background-color: #fffdfb;
  -webkit-box-shadow: 0 0 0 1000px #fffdfb inset;
  box-shadow: 0 0 0 1000px #fffdfb inset;
}

.grounded-auth-input:-webkit-autofill,
.grounded-auth-input:-webkit-autofill:hover,
.grounded-auth-input:-webkit-autofill:focus,
.grounded-auth-input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--text, #4e433c) !important;
  caret-color: var(--text, #4e433c);
  color: var(--text, #4e433c);
  background-color: #fffdfb;
  -webkit-box-shadow: 0 0 0 1000px #fffdfb inset;
  box-shadow: 0 0 0 1000px #fffdfb inset;
}

.onboarding-comms-phone:-webkit-autofill,
.onboarding-comms-phone:-webkit-autofill:hover,
.onboarding-comms-phone:-webkit-autofill:focus,
.onboarding-comms-phone:-webkit-autofill:active {
  -webkit-text-fill-color: #4a3f38 !important;
  caret-color: #4a3f38;
  color: #4a3f38;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
  box-shadow: 0 0 0 1000px #ffffff inset;
}