/* Checkout minimalista (AC509): tema oscuro según el sistema del cliente
   (prefers-color-scheme). Solo colores: los componentes leen tokens y en oscuro
   solo cambian los tokens. Los tokens nuevos traen en claro los colores de hoy,
   así el tema claro queda igual. Va después del resto de hojas del checkout.
   ponytail: sigue solo al sistema. Para forzar claro u oscuro (botón del cliente o
   ajuste del comercio) se agrega el mismo bloque de tokens bajo
   :root[data-theme="dark"] y el media query pasa a :root:not([data-theme="light"]). */
.pm-min {
    --pm-surface: #fff;
    --pm-field: #fff;
    --pm-sheet: #fff;
    --pm-tile: #fff;
    --pm-on-ink: #fff;
    --pm-ink-hover: #1c2143;
    --pm-ink-active: #0b0e24;
    --pm-ok-soft: #e7f5ee;
    --pm-on-ok: #fff;
    --pm-warn: #a85a06;
    --pm-warn-soft: #fdf0e1;
    --pm-hint: #a94442;
    --pm-scrim: rgba(18, 22, 51, 0.38);
    --pm-shadow: rgba(18, 22, 51, 0.28);
    --pm-bad-soft: rgba(192, 53, 43, 0.15);
    /* Logos de terceros (comercio, marcas, medios): en oscuro van sobre una placa
       blanca pegada al logo (0.5px, como un brillo) porque vienen pensados para
       fondo blanco; la baldosa del ícono queda transparente, así se ven del mismo
       tamaño que en claro */
    --pm-plate: transparent;
    --pm-plate-pad: 0;
    --pm-plate-radius: 0;
    --pm-plate-radius-sm: 0;
    /* Sellos del pie (AWS, Datafast, PCI) son PNG oscuros: en oscuro, en blanco */
    --pm-trust-filter: none;
    /* Logo de Pagomedios del pie (máscara): azul de marca en claro, blanco en oscuro */
    --pm-foot-logo: #1c2bab;
}

@media (prefers-color-scheme: dark) {
    .pm-min {
        --pm-ink: #eef0fa;
        --pm-ink-2: #c3c7df;
        --pm-muted: #9398ba;
        --pm-line: #2e3356;
        --pm-line-2: #232846;
        --pm-page: #1c2040;
        --pm-brand: #a3acff;
        --pm-brand-soft: #262b57;
        --pm-testing: #e5484d;
        --pm-ok: #3ecf8e;
        --pm-bad: #ff7b72;
        --pm-surface: #0f1224;
        --pm-field: #161a31;
        --pm-sheet: #171b35;
        --pm-tile: transparent;
        --pm-on-ink: #121633;
        --pm-ink-hover: #d9dcef;
        --pm-ink-active: #c3c7e0;
        --pm-ok-soft: #133528;
        --pm-on-ok: #0f1224;
        --pm-warn: #f2a54a;
        --pm-warn-soft: #3a2a14;
        --pm-hint: #ff7b72;
        --pm-scrim: rgba(3, 4, 12, 0.62);
        --pm-shadow: rgba(0, 0, 0, 0.5);
        --pm-bad-soft: rgba(255, 123, 114, 0.18);
        --pm-plate: #fff;
        --pm-plate-pad: 0.5px;
        --pm-plate-radius: 8px;
        --pm-plate-radius-sm: 3px;
        --pm-trust-filter: brightness(0) invert(1);
        --pm-foot-logo: #fff;
        color-scheme: dark;
    }
}