/* Neutral form surfaces; store colors remain available for actions and focus. */
body[data-store-family] form,
body[data-store-family] :is(.flow-card, .cuenta-card, .direccion-card,
  .sesion-card, .documento-card, .personalize-workspace, .carrito-entrega,
  .pedido-section:has(form), .consentimientos-lista > li:has(form),
  .avisos-verificacion:has(form)) {
  --fondo: #fff;
  --superficie: #fff;
  --surface: #fff;
  --texto: #292929;
  --muted: #666;
  --line: #dedede;
  color: var(--texto);
}

body[data-store-family] :is(.flow-card, .cuenta-card, .direccion-card,
  .sesion-card, .documento-card, .personalize-workspace, .carrito-entrega,
  .pedido-section:has(form), .consentimientos-lista > li:has(form),
  .avisos-verificacion:has(form)) {
  background: #fff;
}

body[data-store-family] form :is(input, select, textarea):not(:where(
  [type=hidden], [type=checkbox], [type=radio], [type=range], [type=color],
  [type=submit], [type=reset], [type=button], [type=image])) {
  background-color: #fff;
  color: #292929;
}

body[data-store-family] .order-access-purpose input:checked + span {
  background: #fff;
}