/* Checkout en claro (29-oct-2026, Martin). Solo para /workshop/checkout.
 * Cambia los tokens oscuros por claros dentro del checkout; las reglas de embudo.css
 * y preventa.css siguen iguales. El verde de acento pasa al profundo (#047857):
 * el #10B981 sobre blanco no llega a 4.5:1. */
body[data-wms-step="wmscheckout"] {
    --mm-black: #F4F4F2;
    --mm-black-card: #FFFFFF;
    --mm-black-soft: #F4F4F5;
    --mm-black-elevated: #FFFFFF;
    --mm-border: #E4E4E7;
    --mm-border-soft: #EDEDEF;
    --mm-white: #0A0A0B;
    --mm-light: #27272A;
    --mm-gray: #52525B;
    --mm-dim: #71717A;
    --mm-darker: #A1A1AA;
    --mm-darkest: #A1A1AA;
    --mm-green: #047857;
    --mm-green-soft: #065F46;
    --mm-green-tint: rgba(4, 120, 87, 0.06);
    --mm-green-mid: rgba(4, 120, 87, 0.25);
    background-color: var(--mm-black);
    color: var(--mm-light);
}

/* El botón y la franja del bump: texto blanco sobre el verde profundo. */
body[data-wms-step="wmscheckout"] .mm-btn,
body[data-wms-step="wmscheckout"] .wms-bump-banner,
body[data-wms-step="wmscheckout"] .wms-bump .wms-bump-banner { color: #FFFFFF; }

/* Tarjetas con algo de relieve sobre el fondo gris claro. */
body[data-wms-step="wmscheckout"] .wms-sum { box-shadow: inset 0 2px 0 var(--mm-green), 0 1px 3px rgba(10, 10, 11, 0.06); }
/* La garantía va suelta sobre el gris, pegada al botón, sin caja (Martin, 29-oct). */
body[data-wms-step="wmscheckout"] .wms-co-guarbox { margin-top: 16px; padding: 0; border: 0; background: transparent; box-shadow: none; }
body[data-wms-step="wmscheckout"] .wms-input,
body[data-wms-step="wmscheckout"] .wms-spend-opts span { background: #FFFFFF; border-color: #A1A1AA; }
body[data-wms-step="wmscheckout"] .wms-spend-opts input:checked + span { background: var(--mm-green-tint); border-color: var(--mm-green); }
body[data-wms-step="wmscheckout"] .wms-bump-fig { background: #FFFFFF; }

body[data-wms-step="wmscheckout"] .wms-co-stripe b { color: #635BFF; }
body[data-wms-step="wmscheckout"] .wms-co-error { border-color: #FCA5A5; background: #FEF2F2; color: #B91C1C; }

/* El optin de la preventa también en claro. */
body[data-wms-step="wmscheckout"] .wms-pl { box-shadow: inset 0 3px 0 var(--mm-green), 0 30px 80px -20px rgba(10, 10, 11, 0.35); }
body[data-wms-step="wmscheckout"] .wms-pl::backdrop { background: rgba(10, 10, 11, 0.45); }
body[data-wms-step="wmscheckout"] .wms-pl .wms-input { background: #FFFFFF; }
body[data-wms-step="wmscheckout"] .wms-pl-error { border-color: #FCA5A5; background: #FEF2F2; color: #B91C1C; }