/* estilo-36 · La paleta vieja sigue al tema en modo noche (encargo 1019, Code 7, 20-oct-2026).
   Va despues de todas.

   POR QUE: las pantallas viejas (Ocupacion y precio, Caja, Financiero, Cierre del dia,
   Incidencias, el aviso de privacidad, el formulario de promocion...) pintan con la paleta de
   estilo-01: --card blanco, --paper, --sand2 de fondo; --ink, --ink2, --navy y --pizarra de
   texto. El modo noche (estilo-13) solo reescribe los --o-*, asi que esas pantallas quedaban con
   titulos navy sobre el fondo oscuro (1.56:1, la captura de Eduardo del 19-oct) o con texto claro
   heredado sobre tarjetas blancas (1.18:1). Medido con un barrido de contraste en cada papel de
   la muestra, en cada pestana de su riel, a 390 y 1440.

   LA REGLA: en noche cada token viejo apunta al token del tema que hace lo mismo. Los de fondo
   (--card, --paper, --sand2, --sand) y los de texto (--ink, --ink2) se reasignan tal cual. --navy y
   --pizarra NO: son fondo Y texto (el encabezado, botones navy con letra blanca), asi que su uso
   COMO TEXTO pasa por --navy-t / --pizarra-t (con respaldo al original: en claro nada cambia) y
   solo esas dos se reasignan aqui. Una pantalla nueva que escriba color:var(--navy) vuelve a
   fallar de noche: el texto se escribe con --o-texto o con var(--navy-t,var(--navy)).

   Misma compuerta que estilo-13: noche del sistema sin «Dia» elegido, o «Noche» elegido. */
@media(prefers-color-scheme:dark){
  :where(html:not(.oh-dia)) body.ohm-opera{
    --card:var(--o-super);--paper:var(--o-fondo);
    --sand2:color-mix(in srgb,var(--o-texto) 7%,var(--o-super));
    --sand:color-mix(in srgb,var(--o-texto) 20%,var(--o-super));
    --ink:var(--o-texto);--ink2:var(--o-texto2);
    --navy-t:var(--o-texto);--pizarra-t:var(--o-texto2);
    --teal-t:var(--o-acento-t);--alarm-t:var(--o-alarma);--amber-t:var(--o-atencion-t);
    --bien-t:var(--o-bien);--rojo:var(--o-alarma);
    --tinte-mal:color-mix(in srgb,var(--o-alarma) 14%,var(--o-super));
    --tinte-bien:color-mix(in srgb,var(--o-bien) 14%,var(--o-super))}
}
:where(html.oh-noche) body.ohm-opera{
  --card:var(--o-super);--paper:var(--o-fondo);
  --sand2:color-mix(in srgb,var(--o-texto) 7%,var(--o-super));
  --sand:color-mix(in srgb,var(--o-texto) 20%,var(--o-super));
  --ink:var(--o-texto);--ink2:var(--o-texto2);
  --navy-t:var(--o-texto);--pizarra-t:var(--o-texto2);
    --teal-t:var(--o-acento-t);--alarm-t:var(--o-alarma);--amber-t:var(--o-atencion-t);
    --bien-t:var(--o-bien);--rojo:var(--o-alarma);
    --tinte-mal:color-mix(in srgb,var(--o-alarma) 14%,var(--o-super));
    --tinte-bien:color-mix(in srgb,var(--o-bien) 14%,var(--o-super))}

/* Lo que no pasaba por un token: los tintes de aviso (#FBF1EF) y los verdes, ambares y rojos
   escritos a mano en Ocupacion y precio (app-83); los botones sin clase (las flechas del Cierre
   del dia) y las ligas sin clase, que toman el negro y el azul del navegador. Esas dos van dentro
   de :where() a proposito: con especificidad (0,1,1) no le ganan a ninguna regla que pinte un
   boton por su estado (.mx-seg button[aria-pressed], Español/English y Activos/Apagados). */
@media(prefers-color-scheme:dark){
  :where(html:not(.oh-dia)) body.ohm-opera .bnd-p{color:var(--o-texto3)}
  :where(html:not(.oh-dia)) body.ohm-opera .pcf-ok{color:var(--o-bien)}
  :where(html:not(.oh-dia)) body.ohm-opera .pcf-amb{color:var(--o-atencion-t)}
  :where(html:not(.oh-dia)) body.ohm-opera .pcf-mal{color:var(--o-alarma)}
  :where(html:not(.oh-dia) body.ohm-opera main) button:not([class]){color:inherit}
  :where(html:not(.oh-dia) body.ohm-opera main) a:not([class]){color:var(--o-acento-t)}
}
:where(html.oh-noche) body.ohm-opera .bnd-p{color:var(--o-texto3)}
:where(html.oh-noche) body.ohm-opera .pcf-ok{color:var(--o-bien)}
:where(html.oh-noche) body.ohm-opera .pcf-amb{color:var(--o-atencion-t)}
:where(html.oh-noche) body.ohm-opera .pcf-mal{color:var(--o-alarma)}
:where(html.oh-noche body.ohm-opera main) button:not([class]){color:inherit}
:where(html.oh-noche body.ohm-opera main) a:not([class]){color:var(--o-acento-t)}