/* ═════════════════════════════════════════════════════════════ Paleta arcade. Variables para que cada componente las consuma y un futuro cambio de tema sea barato. ═════════════════════════════════════════════════════════════ */ :root { --arc-bg-0: #141019; /* fondo profundo */ --arc-bg-1: #1C1725; /* fondo intermedio */ --arc-bg-2: #241D2F; /* panel */ --arc-panel: #1C1725; --arc-line: #6A6288; /* ── PALETA ──────────────────────────────────────────────────────── OJO AL LEER ESTE ARCHIVO: los comentarios de esta seccion se reescribieron a mano el 2026-09-02 porque los reemplazos globales de color los habian corrompido — citaban hex que ya no correspondian a lo que decian nombrar. Si volves a hacer un reemplazo masivo de colores, revisa DESPUES que los comentarios sigan diciendo la verdad; un comentario que miente es peor que ninguno. HISTORIA REAL, en orden: 1. Primario cian neon #00f0ff + acento magenta #ff2bd6, tipografia pixelada y resplandores. Leia "maquina recreativa". 2. Se paso todo a morado. No alcanzo: cambiaba el color y dejaba intacta la gramatica (scanlines CRT, sombra dura de boton fisico, MAYUSCULA trackeada en todo el texto funcional). 3. Se saco la gramatica arcade. 4. Este paso: el objetivo dejo de ser "serio" y paso a ser "todo publico". NexoPass vende entradas para circo, cueca y teatro, no solo para fiestas — el violeta neon y el logo pixelado filtraban familias, adultos mayores y publico de eventos culturales. Violeta desaturado, fondo carbon violaceo en vez de casi negro, y Outfit en lugar de Press Start 2P. CONTRASTES, calculados sobre los fondos reales (no estimados): #EDE9F2 sobre #141019 = 15.69:1 sobre #1C1725 = 14.63:1 #B3AAC4 sobre #141019 = 8.47:1 sobre #1C1725 = 7.90:1 #8F86A3 sobre #141019 = 5.46:1 #A78BFA sobre #141019 = 6.90:1 sobre #1C1725 = 6.44:1 #4ADE80 sobre #141019 = 10.78:1 sobre #1C1725 = 10.05:1 blanco sobre #6D5FD3 = 4.97:1 sobre #5D50BF = 6.24:1 #6A6288 sobre #141019 = 3.32:1 sobre #1C1725 = 3.10:1 (1.4.11) EL FONDO NO ES NEGRO PURO A PROPOSITO: #141019 tiene la misma luminancia que el #121212 de Material (0.0059 vs 0.0060), asi que hereda su confort de lectura, pero conserva la temperatura de marca. El negro puro produce smearing al hacer scroll en OLED y elimina la posibilidad de jerarquia por elevacion. */ --nx-primary: #6D5FD3; /* fondo de boton / CTA */ --nx-primary-hover: #5D50BF; /* hover y active del CTA */ --nx-accent: #A78BFA; /* links, foco, texto destacado */ /* La misma tripleta en decimal, para los rgba() con alpha. Existe porque el reemplazo global de colores busca tokens hexadecimales y NO ve `rgba(180,108,255,.08)`: en la migracion a esta paleta sobrevivieron 14 usos del morado anterior por eso, incluido el gradiente de fondo del — o sea, en todas las paginas. Usar siempre rgba(var(--nx-accent-rgb), .08) en vez del literal. */ --nx-accent-rgb: 167,139,250; /* ── ELEVACION: un solo modelo ───────────────────────────────────── Antes convivian DOS metaforas fisicas incompatibles: 0 4px 0 rgba(0,0,0,.4) sombra dura, sin difuminar: es el boton fisico de una maquina arcade 0 0 20px rgba(167,139,250,..) resplandor de neon difuso y ademas anillos de foco mezclados en la misma propiedad. Un producto serio tiene UNA forma de decir "esto esta por encima de aquello": borde de 1px + una sombra suave. Los anillos de foco son otra cosa (indican estado, no elevacion) y se dejan como estaban. */ --nx-shadow-sm: 0 1px 2px rgba(0,0,0,.30), 0 1px 1px rgba(0,0,0,.20); --nx-shadow-md: 0 4px 12px rgba(0,0,0,.35); /* Alias de compatibilidad. Hay ~112 usos de var(--arc-cyan) y var(--arc-magenta) repartidos por el tema y por bloques