html[data-agentkey-theme="dark"],
html[data-agentkey-theme="dark"] body {
  background: #0d1625 !important;
  color: #eef4ff !important;
  color-scheme: dark;
}

html[data-agentkey-theme="dark"] body::before,
html[data-agentkey-theme="dark"] body::after {
  opacity: 0.28;
}

html[data-agentkey-theme="dark"] :is(
  .login-box,
  .signup-form,
  .mfa-box,
  .reset-box,
  body > .card,
  .form-shell,
  .privacy-disclosure,
  .cookie-banner,
  .reset-email-chip,
  #terms-box
) {
  background: #172235 !important;
  border-color: #3b4d64 !important;
  color: #eef4ff !important;
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.42) !important;
}

html[data-agentkey-theme="dark"] :is(
  h1, h2, h3,
  .login-brand-title,
  .signup-title,
  label,
  summary,
  strong
) {
  color: #f4f8ff !important;
}

html[data-agentkey-theme="dark"] :is(
  p,
  small,
  .secure-note,
  .account-note,
  .reset-subtitle,
  .description,
  .empty,
  .privacy-disclosure-summary-line
) {
  color: #afc1d6 !important;
}

html[data-agentkey-theme="dark"] :is(
  input:not([type="checkbox"]):not([type="radio"]),
  textarea,
  select
) {
  background: #0e1b2d !important;
  border-color: #46627f !important;
  color: #eef4ff !important;
  box-shadow: none !important;
}

html[data-agentkey-theme="dark"] :is(input, textarea)::placeholder {
  color: #8195ad !important;
}

html[data-agentkey-theme="dark"] :is(
  .icon-btn,
  .role-toggle,
  .role-toggle button:not(.selected),
  details,
  .footer-links
) {
  background: #1d2a3e !important;
  border-color: #3b4d64 !important;
  color: #dce8f6 !important;
}

html[data-agentkey-theme="dark"] a {
  color: #85c5ff;
}

html[data-agentkey-theme="dark"] .form-shell :is(
  .page-form-block,
  .page-profile,
  .page-products,
  .page-product,
  .page-media-link
):not([style]) {
  background: #172235 !important;
  border-color: #3b4d64 !important;
  color: #eef4ff !important;
}