html.seller-checkout-route body {
  background: #090909;
  color: #f8fafc;
}

/* Keep the branded checkout readable even when global typography rules are loaded. */
html.seller-checkout-route h1,
html.seller-checkout-route h2,
html.seller-checkout-route h3,
html.seller-checkout-route h4,
html.seller-checkout-route strong {
  color: #f8fafc !important;
}

html.seller-checkout-route .text-neutral-300 {
  color: #e5e7eb !important;
}

html.seller-checkout-route .text-neutral-400 {
  color: #cbd5e1 !important;
}

html.seller-checkout-route .text-neutral-500 {
  color: #a3a3a3 !important;
}

html.seller-checkout-route .text-neutral-600 {
  color: #858585 !important;
}

html.seller-checkout-route label > span {
  color: #cbd5e1 !important;
}

html.seller-checkout-route input {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f7c600;
}

html.seller-checkout-route input::placeholder {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
  opacity: 1;
}

/* Chrome/Safari autofill was painting fields light blue on the dark checkout. */
html.seller-checkout-route input:-webkit-autofill,
html.seller-checkout-route input:-webkit-autofill:hover,
html.seller-checkout-route input:-webkit-autofill:focus,
html.seller-checkout-route input:-webkit-autofill:active {
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
  -webkit-box-shadow: 0 0 0 1000px #181818 inset !important;
  box-shadow: 0 0 0 1000px #181818 inset !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  transition: background-color 9999s ease-out 0s;
}

/* Validation/error communication */
html.seller-checkout-route [class*="border-red-500"][class*="bg-red-500"] {
  color: #fecaca !important;
  background: rgba(127, 29, 29, 0.28) !important;
  border-color: rgba(248, 113, 113, 0.38) !important;
  box-shadow: 0 10px 30px rgba(127, 29, 29, 0.12);
}

/* Empty/unavailable-state card: force clear hierarchy. */
html.seller-checkout-route .bg-\[\#121212\] h1 {
  color: #ffffff !important;
}

html.seller-checkout-route .bg-\[\#121212\] p {
  color: #d4d4d8 !important;
}