/* ══════════════════════════════════════════════════════════════════════════ LA CAPA DE TOKENS: LOS COLORES DEL SITIO, EN UN SOLO SITIO Esta hoja la cargan las TRES páginas (el panel, el acceso y el kiosco) antes que ninguna otra. Aquí está el color de todo el producto y en ningún otro fichero: las demás hojas solo lo usan. CÓMO SE ESCRIBE UN COLOR En tercios: `--a-rgb:255,122,0` es el naranja de la marca, y un color se usa como `rgba(var(--a-rgb), .14)`. También hay la versión opaca ya hecha (`--a`), para quien la use tal cual. POR QUÉ EN TERCIOS Y NO EN HEX Porque el alfa es la mitad del trabajo del panel —capas, filos, sellos, resplandores— y un hex no deja cambiar el alfa. `rgba(var(--a-rgb),.14)` es «el naranja de la marca al 14 %»: cambiar el naranja cambia de una vez las veinte capas que salen de él. Antes había 196 colores escritos a mano y cambiar un tono era ir uno por uno. ESTA ES LA CAPA QUE TOCA UN TEMA `temas/generador.py` escribe estos mismos tokens con los colores de la plantilla y deja el fichero DESPUÉS de este, así que una plantilla cambia el 100 % de la pantalla. Los tokens de IDENTIDAD son los que definen el tema; lo demás sale de ellos. Copyright (c) 2026 MindStorms Consultores SAS de CV. Todos los derechos reservados. Software propietario desarrollado por MindStorms.Lab. Ver LICENSE. ══════════════════════════════════════════════════════════════════════════ */ :root { /* ── Identidad: lo que cambia un tema ────────────────────────────────── */ --bg-rgb: 7,11,24; /* el fondo del panel */ --tx-rgb: 234,240,255; /* la tinta principal */ --mut-rgb: 159,176,208; /* la tinta apagada: rótulos, ayudas, cifras suaves */ --a-rgb: 255,122,0; /* el acento de la marca */ --b-rgb: 255,176,32; /* el ámbar de aviso */ --c-rgb: 143,91,224; /* el violeta de la marca */ --ok-rgb: 32,214,164; /* el verde de «bien» */ --err-rgb: 255,107,122; /* el rojo de «mal» */ /* El azul de los BOTONES, tipo Apple (#0071E3). Va aparte del acento de la marca a propósito: el acento es la identidad del panel —naranja en las pastillas, los bordes, los ledes y las gráficas— y el botón es una acción. Se pidió el 2026-10-13: «cambia el estilo de todos los botones a azul tipo apple». */ --boton-rgb: 0,113,227; /* el relleno del botón */ --botontexto-rgb: 255,255,255; /* la tinta encima del botón */ /* ── El faro del cotejo de la CURP ──────────────────────────────────────── Tres tokens PROPIOS, y no los de «bien»/«mal», porque un led de 6 px necesita mucha más intensidad que un texto para verse igual: el verde va a plena saturación, el rojo es rojo puro (más vivo que --err, que tira a rosa) y el gris es un gris claro, encendido, no una raya apagada. El gris no es un «ni bien ni mal»: dice «sin cotejar», que es otra cosa. Se declaran aquí, en la capa, como todos los demás: ninguna hoja escribe un color a mano. */ --faro-ok-rgb: 0,255,80; /* el verde brillante del faro: cotejada y coincide */ --faro-mal-rgb: 255,0,25; /* el rojo vivo del faro: no coincide o no existe */ --faro-gris-rgb: 176,192,212;/* el gris encendido del faro: sin cotejar */ --ojo-rgb: 103,61,230; /* el violeta del ojo de «Muéstrame»: marca, no categoría */ --card-rgb: 14,20,40; /* la superficie de las tarjetas */ --blanco-rgb: 255,255,255; --negro-rgb: 0,0,0; /* ── Los colores ya hechos ───────────────────────────────────────────── */ --bg: rgba(var(--bg-rgb),1);--tx: rgba(var(--tx-rgb),1);--mut: rgba(var(--mut-rgb),1); --a: rgba(var(--a-rgb),1);--b: rgba(var(--b-rgb),1);--c: rgba(var(--c-rgb),1); --ok: rgba(var(--ok-rgb),1);--err: rgba(var(--err-rgb),1);--ojo: rgba(var(--ojo-rgb),1); /* El filo de las tarjetas y su superficie: salen del blanco y del azul de tarjeta, así que un tema los cambia sin tocarlos. */ --bd: rgba(var(--blanco-rgb),.12); --card: rgba(var(--card-rgb),.62); /* ── Colores de pieza ───────────────────────────────────────────────── Los que usa una tarjeta, un aviso o una cifra concreta y NO salen de la identidad. Están agrupados por familia de tono y ordenados de oscuro a claro dentro de cada familia; el nombre no pretende ser bonito, lo que importa es que no quede ningún color suelto por las hojas y que cambiarlo sea una línea. LO QUE FALTA AQUÍ, dicho claro: estos colores todavía NO se derivan de la identidad. Se probó a derivarlos —«este color es `--ok` al 42 % sobre el fondo»— y de 100 familias solo 6 cuadraban: los demás son tintas claras sobre su propio sello, fondos de aviso y acentos de cifra, que no son ninguna capa de la identidad. Una plantilla clara cambiaría el fondo, las tintas y todas las capas, pero estos seguirían oscuros. Se arregla de una de dos maneras, y hay que elegir: (a) agruparlos por PAPEL —«la tinta sobre el sello de bien», «el fondo del aviso»— y que la plantilla declare esos papeles, o (b) que el generador los adapte al brillo de la plantilla. Ninguna de las dos es mecánica: pide mirar la pantalla. */ --pz-ambar-1-rgb: 36,26,0; --pz-ambar-2-rgb: 43,29,0; --pz-ambar-3-rgb: 251,191,36; --pz-ambar-4-rgb: 255,201,58; --pz-ambar-5-rgb: 255,200,80; --pz-ambar-6-rgb: 255,207,107; --pz-azul-1-rgb: 4,7,16; --pz-azul-2-rgb: 6,10,20; --pz-azul-3-rgb: 10,14,28; --pz-azul-4-rgb: 10,15,30; --pz-azul-5-rgb: 12,17,34; --pz-azul-6-rgb: 13,17,32; --pz-azul-7-rgb: 16,23,45; --pz-azul-8-rgb: 17,24,46; --pz-azul-9-rgb: 18,26,48; --pz-azul-10-rgb: 22,29,51; --pz-azul-11-rgb: 111,91,255; --pz-azul-12-rgb: 60,140,255; --pz-azul-13-rgb: 79,140,255; --pz-azul-14-rgb: 139,147,167; --pz-azul-15-rgb: 170,182,207; --pz-azul-16-rgb: 195,206,230; --pz-azul-17-rgb: 207,224,255; --pz-blanco-1-rgb: 204,204,204; --pz-blanco-2-rgb: 207,207,207; --pz-blanco-3-rgb: 240,230,255; --pz-blanco-4-rgb: 232,236,246; --pz-blanco-5-rgb: 236,236,236; --pz-blanco-6-rgb: 243,240,234; --pz-blanco-7-rgb: 241,241,241; --pz-blanco-8-rgb: 247,249,255; --pz-cian-1-rgb: 6,32,63; --pz-cian-2-rgb: 96,165,250; --pz-cian-3-rgb: 56,189,248; --pz-cian-4-rgb: 120,200,255; /* El agua de las olas del centro de las donas: dos manchas del mismo azul claro, una un poco más apagada que la otra, girando a distinta velocidad. Son dos tonos porque el borde ondea justo donde se cruzan. */ --pz-cian-5-rgb: 150,232,255; --pz-cian-6-rgb: 120,220,255; --pz-esmeralda-1-rgb: 6,35,26; --pz-esmeralda-2-rgb: 4,36,26; --pz-esmeralda-3-rgb: 4,36,31; --pz-esmeralda-4-rgb: 18,61,42; --pz-esmeralda-5-rgb: 52,211,153; --pz-esmeralda-6-rgb: 45,212,191; --pz-esmeralda-7-rgb: 61,220,151; --pz-esmeralda-8-rgb: 37,240,168; --pz-esmeralda-9-rgb: 159,240,216; --pz-gris-1-rgb: 17,17,17; --pz-gris-2-rgb: 68,68,68; --pz-gris-3-rgb: 85,85,85; --pz-gris-4-rgb: 153,153,153; --pz-naranja-1-rgb: 74,42,8; --pz-naranja-2-rgb: 150,50,15; --pz-naranja-3-rgb: 255,130,60; --pz-naranja-4-rgb: 255,140,60; --pz-naranja-5-rgb: 255,150,60; --pz-naranja-6-rgb: 233,166,58; --pz-naranja-7-rgb: 255,160,60; --pz-naranja-8-rgb: 255,176,58; --pz-naranja-9-rgb: 255,180,50; --pz-naranja-10-rgb: 255,178,102; --pz-naranja-11-rgb: 255,190,60; --pz-naranja-12-rgb: 255,193,77; --pz-naranja-13-rgb: 255,217,168; --pz-naranja-14-rgb: 255,217,176; --pz-naranja-15-rgb: 255,224,168; --pz-naranja-16-rgb: 238,227,214; /* El naranja NEON que pidio el dueno: #FF5702. No sale de la rampa —la rampa son superficies y este es un acento—, asi que lleva nombre propio en vez de un numero mas, para que al leerlo se sepa de donde viene. */ --pz-naranja-neon-rgb: 255,87,2; --pz-naranja-17-rgb: 255,233,214; --pz-purpura-1-rgb: 180,85,224; --pz-purpura-2-rgb: 240,171,252; --pz-rojo-1-rgb: 74,17,25; --pz-rojo-2-rgb: 255,43,43; --pz-rojo-3-rgb: 220,60,60; --pz-rojo-4-rgb: 225,70,35; --pz-rojo-5-rgb: 255,59,59; --pz-rojo-6-rgb: 255,60,60; --pz-rojo-7-rgb: 255,70,70; --pz-rojo-8-rgb: 255,77,79; --pz-rojo-9-rgb: 255,90,90; --pz-rojo-10-rgb: 255,93,143; --pz-rojo-11-rgb: 255,123,123; --pz-rojo-12-rgb: 255,139,139; --pz-rojo-13-rgb: 255,138,149; --pz-rojo-14-rgb: 255,179,187; --pz-rojo-15-rgb: 255,194,200; --pz-rojo-16-rgb: 255,201,201; --pz-rojo-17-rgb: 255,201,207; --pz-rosa-1-rgb: 58,10,34; --pz-rosa-2-rgb: 160,40,90; --pz-rosa-3-rgb: 244,114,182; --pz-verde-1-rgb: 32,196,106; --pz-verde-2-rgb: 61,220,132; --pz-verde-3-rgb: 95,227,161; --pz-verde-4-rgb: 95,240,160; --pz-verde-5-rgb: 124,243,171; --pz-verde-6-rgb: 189,245,216; --pz-violeta-1-rgb: 27,16,51; --pz-violeta-2-rgb: 44,27,77; --pz-violeta-3-rgb: 120,80,220; --pz-violeta-4-rgb: 124,92,240; --pz-violeta-5-rgb: 167,139,250; --pz-violeta-6-rgb: 196,132,255; --pz-violeta-7-rgb: 201,170,255; } /* Los ledes de estado (SISEEMS y el resto). Estaban con el color escrito a mano en `panel.css`, y un color que no esta en la capa es un color que NINGUNA plantilla puede cambiar. Aqui, en la paleta, como todos los demas. */ :root{ --pz-cajaurgente-rgb: 255,157,46; /* El cronómetro de la próxima descarga. Estaba en naranja —el mismo tono que los avisos— y eso lo hacía parecer una alarma: es un dato, no un problema. Ahora va en el CIAN BRILLANTE del panel, el mismo del pulso del portal y del agua de la dona, que es el color con el que este panel dice «esto está trabajando». Se pidió el 2026-10-13: «cambia el color a algo apegado a los colores del panel, que sea brillante». */ --pz-cronometro-rgb: 120,220,255; /* El trazado PLANO del electrocardiograma (sesion caducada) era NARANJA, no rojo: la tokenizacion le puso el rojo del fallo. Una sesion caducada no es una averia; el rojo se gasta en lo que de verdad se rompe. */ --pz-ecgplano-rgb: 255,157,46; --pz-ledamarillo-rgb: 232,197,65; --pz-ledamarillotexto-rgb: 232,197,65; --pz-lednaranja-rgb: 255,157,46; /* Lo mismo aqui: `ledNaranjaSrv` sustituyo a `rgba(255,157,46,.95)`. */ --pz-lednaranjasrv-rgb: 255,157,46; --pz-lednaranjatexto-rgb: 255,180,94; --pz-ledverde-rgb: 34,211,106; --pz-ledverdesrv-rgb: 178,60,255; --pz-ledverdetexto-rgb: 75,224,138; --pz-msgerrorr-rgb: 255,120,120; } /* Colores que estaban escritos a mano en las hojas del panel (interruptores, avisos, bordes...). Van a la capa, como todos: un color que no esta en la capa es un color que ninguna plantilla puede cambiar. */ :root{ --pz-ecg-rgb: 34,211,238; /* Los dos tonos del latido mientras se transfiere (cian -> cielo). */ --pz-ecgcielo-rgb: 56,189,248; /* El latido VIVO: era verde (34,211,106) y la tokenizacion lo dejo con el rojo del fallo, asi que una sesion sana parecia una averia. */ --pz-ecgvivo-rgb: 34,211,106; --pz-globofila-rgb: 22,24,30; /* El velo claro del globo del pulso. Faltaba: el token del fondo se habia quedado con el valor de la TINTA (22,24,30), asi que el texto salia oscuro sobre fondo oscuro y la leyenda de los ledes no se leia. Este es el titanio de antes. */ --pz-globoveilo-rgb: 176,182,192; --pz-leddescargando-rgb: 34,211,238; --pz-ledfallo-rgb: 255,45,45; --pz-pulsoglobo-rgb: 22,24,30; /* Los servidores MIENTRAS TRANSFIEREN van en cian (el comentario de la regla lo dice); el rojo de `srvFallo` es el de abajo. */ --pz-servidoractivo-rgb: 34,211,238; --pz-servidoricono-rgb: 255,45,45; --pz-switch-rgb: 255,45,45; --pz-switchbola-rgb: 0,0,0; --pz-switchon-rgb: 34,211,106; --pz-switchtexto-rgb: 255,255,255; }