/* The reset card deliberately stays dark in both palettes. */
html.datx-light body.dat-password-reset-page .dat-reset-card,
html:has(.ast-switcher-button[aria-pressed="false"])
  body.dat-password-reset-page
  .dat-reset-card {
  color: #e9eefc !important;
}

html.datx-light body.dat-password-reset-page .dat-reset-card h1,
html.datx-light body.dat-password-reset-page .dat-reset-card h2,
html.datx-light body.dat-password-reset-page .dat-reset-card h3,
html.datx-light body.dat-password-reset-page .dat-reset-card label,
html:has(.ast-switcher-button[aria-pressed="false"])
  body.dat-password-reset-page
  .dat-reset-card
  h1,
html:has(.ast-switcher-button[aria-pressed="false"])
  body.dat-password-reset-page
  .dat-reset-card
  h2,
html:has(.ast-switcher-button[aria-pressed="false"])
  body.dat-password-reset-page
  .dat-reset-card
  h3,
html:has(.ast-switcher-button[aria-pressed="false"])
  body.dat-password-reset-page
  .dat-reset-card
  label {
  color: #f8fafc !important;
}

html.datx-light body.dat-password-reset-page .dat-reset-card p,
html.datx-light
  body.dat-password-reset-page
  .dat-reset-card
  .dat-reset-subtitle,
html:has(.ast-switcher-button[aria-pressed="false"])
  body.dat-password-reset-page
  .dat-reset-card
  p,
html:has(.ast-switcher-button[aria-pressed="false"])
  body.dat-password-reset-page
  .dat-reset-card
  .dat-reset-subtitle {
  color: #cbd5e1 !important;
}

html.datx-light body.dat-password-reset-page .dat-reset-card input,
html:has(.ast-switcher-button[aria-pressed="false"])
  body.dat-password-reset-page
  .dat-reset-card
  input {
  color: #111827 !important;
  background: #ffffff !important;
  border-color: #aeb9c7 !important;
}

/* The variation helper sits on a fixed dark panel. */
html:not(.datx-light) body.datx-experience .dat-choice-guide__title,
html[data-color-mode="dark"] body.datx-experience .dat-choice-guide__title {
  color: #f8fafc !important;
}

html:not(.datx-light) body.datx-experience .dat-choice-guide__helper,
html[data-color-mode="dark"] body.datx-experience .dat-choice-guide__helper {
  color: #b8c7d9 !important;
}