/* ============================================================================ * zulux-ace-override.css · Repinta la plantilla Ace con los colores corporativos. * Fase 3 de la unificación visual (05/08/2026). * Fase 5 (06/08/2026): el mismo repintado sirve ya para el tema claro y para el oscuro. * * ───────────────────────────────────────────────────────────────────────────── * TODO VA BAJO :root[data-zx-repintado], Y ESO ES LO IMPORTANTE * ───────────────────────────────────────────────────────────────────────────── * Ni una regla de este fichero aplica si el no lleva ese atributo. Así se * puede cargar en las 47 vistas sin que cambie nada, e ir marcando las pantallas * de una en una. Si una queda mal, se le quita el atributo y vuelve al aspecto de * siempre sin tocar CSS ni desplegar nada. * * ANTES ERA :root[data-tema="oscuro"], Y HUBO QUE SEPARAR LAS DOS COSAS * Con el selector antiguo, «repintado» y «oscuro» eran lo mismo, y el tema claro * habría sido imposible: o repintabas en oscuro, o no repintabas. Ahora son dos * preguntas distintas, y cada una tiene su atributo: * * data-tema="claro|oscuro|clasico" -> QUÉ COLORES (lo elige el usuario) * data-zx-repintado -> SI SE REPINTA Ace o se deja como venía * * Los pone assets/js/zulux-tema.js. En claro y en oscuro están los dos; en clásico * está solo data-tema, sin el segundo, y este fichero entero se queda inerte: la * pantalla vuelve al Ace de toda la vida. Eso ES el tema clásico, no hay más. * * La especificidad no cambia: :root[data-zx-repintado] pesa lo mismo (0,2,0) que * el :root[data-tema="oscuro"] de antes, así que la cascada se comporta igual. * * ───────────────────────────────────────────────────────────────────────────── * LOS COLORES DICEN SU PAPEL, NO SU TONO * ───────────────────────────────────────────────────────────────────────────── * Depende de zulux-tokens.css. Este fichero NO inventa colores, pero además —desde * la fase 5— tampoco nombra ninguno: no dice var(--zx-morado-800) sino * var(--zx-panel), y es cada tema el que decide qué es un panel. Antes había 21 * usos de morado-800, 18 de morado-700, 16 de amarillo y 15 de blanco, y con eso * el tema claro no podía existir. * * Siguen nombrados a pelo, y a propósito, tres sitios: * · la banda de marca (barra de Ace y pie), morada en los dos temas por identidad; * · el velo de los modales, oscuro en los dos porque un velo claro no vela; * · los chips de estado sólidos (éxito, aviso, error, info), que significan lo que * significan independientemente del tema. * * ───────────────────────────────────────────────────────────────────────────── * POR QUÉ TANTOS !important * ───────────────────────────────────────────────────────────────────────────── * Porque Ace los usa a mansalva en sus propias reglas, y sin ellos no hay forma * de ganar la cascada sin escribir selectores absurdamente largos. No es dejadez: * es la única manera razonable de repintar una plantilla ajena sin tocarla. * * Aun así, cada vista lleva su propio