/* ================= Atlas — UI moderna ================= */ /* Vanilla + CSS moderno, dark theme, look limpio. */ /* --------------------------------------------------------------------------- SISTEMA DE TOKENS Tres capas, y solo se toca la de arriba para cambiar el look: 1. PRIMITIVOS (--c-*) paleta cruda. No se usan en las reglas, nunca. 2. SEMÁNTICOS (--bg, --text, --accent…) lo que SÍ usan los componentes. Se declaran una vez con light-dark(claro, oscuro). Los nombres son los de siempre, así que las reglas existentes siguen funcionando sin tocarlas. 3. ESCALAS (spacing, radius, tipografía) compartidas entre temas. Cambiar el look = editar la capa 2. Añadir un tema = añadir un valor por token. Tema: `data-theme="light|dark"` en manda (lo escribe un