/* ===================================================================== ITX — Temas de usuario (User Themes) Aplicados via [data-theme="..."] en El tema por defecto (sin atributo) es Neon Cyan-Purple, definido en site.css ===================================================================== */ /* ── Neon Azul: azul + teal ── */ [data-theme="neon-blue"] { --itx-cyan: #3b82f6; --itx-purple: #06b6d4; --itx-neon-gradient: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%); --itx-neon-glow: 0 0 22px rgba(59, 130, 246, 0.45), 0 4px 14px rgba(6, 182, 212, 0.35); --itx-glow-1: rgba(59, 130, 246, 0.08); --itx-glow-2: rgba(6, 182, 212, 0.10); --itx-bg-0: #020b18; --itx-bg-1: #051226; --itx-bg-2: #080d30; } /* ── Matrix: verde + lima ── */ [data-theme="neon-green"] { --itx-cyan: #22c55e; --itx-purple: #84cc16; --itx-neon-gradient: linear-gradient(135deg, #22c55e 0%, #84cc16 100%); --itx-neon-glow: 0 0 22px rgba(34, 197, 94, 0.45), 0 4px 14px rgba(132, 204, 22, 0.35); --itx-glow-1: rgba(34, 197, 94, 0.08); --itx-glow-2: rgba(132, 204, 22, 0.10); --itx-bg-0: #020e07; --itx-bg-1: #051409; --itx-bg-2: #071a08; } /* ── Fuego: naranja + rojo ── */ [data-theme="fire"] { --itx-cyan: #f97316; --itx-purple: #ef4444; --itx-neon-gradient: linear-gradient(135deg, #f97316 0%, #ef4444 100%); --itx-neon-glow: 0 0 22px rgba(249, 115, 22, 0.45), 0 4px 14px rgba(239, 68, 68, 0.35); --itx-glow-1: rgba(249, 115, 22, 0.08); --itx-glow-2: rgba(239, 68, 68, 0.10); --itx-bg-0: #120503; --itx-bg-1: #1a0804; --itx-bg-2: #200a06; } /* ── Galaxia: purple + pink ── */ [data-theme="galaxy"] { --itx-cyan: #a855f7; --itx-purple: #ec4899; --itx-neon-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%); --itx-neon-glow: 0 0 22px rgba(168, 85, 247, 0.45), 0 4px 14px rgba(236, 72, 153, 0.35); --itx-glow-1: rgba(168, 85, 247, 0.08); --itx-glow-2: rgba(236, 72, 153, 0.10); --itx-bg-0: #0d0520; --itx-bg-1: #150930; --itx-bg-2: #1a0828; } /* ── Medianoche: azul corporativo oscuro ── */ [data-theme="midnight"] { --itx-cyan: #60a5fa; --itx-purple: #818cf8; --itx-neon-gradient: linear-gradient(135deg, #60a5fa 0%, #818cf8 100%); --itx-neon-glow: 0 0 22px rgba(96, 165, 250, 0.40), 0 4px 14px rgba(129, 140, 248, 0.30); --itx-glow-1: rgba(96, 165, 250, 0.07); --itx-glow-2: rgba(129, 140, 248, 0.09); --itx-bg-0: #030712; --itx-bg-1: #060e1e; --itx-bg-2: #080f24; }