/* HoloPlaza TCG — capa de aplicacion del design system. * * Los tokens (ds/colors.css, typography.css, spacing.css, effects.css, * games.css) vienen tal cual del paquete de diseno y NO se tocan: son la * fuente. Este archivo es lo unico que se escribe a mano, y su trabajo es * traducir esos tokens a las clases que de verdad existen en la web * (GeneratePress, WooCommerce, Elementor y los plugins propios). * * Por que una capa de traduccion y no reescribir el tema hijo: * el style.css del hijo son 900 lineas con 31 literales #FF8C42 y 11 #051518 * repartidos, mas el kit de Elementor 627 y el layout post-265, que se * regeneran solos desde el panel y machacarian cualquier edicion. Tocando * unicamente las variables de las que cuelgan (--contrast, --base-3, * --e-global-color-*) el tema entero cambia de una pieza y sigue siendo * reversible. * * TEMA: arranca en el tema de marca del sistema (:root = claro, carmesi * #BB1823). El oscuro sigue disponible con ; ahi los * tokens devuelven el naranja #FF8C42 y los fondos oscuros de siempre. */ /* ================================================================== */ /* 1. Chasis: fondo, texto y tipografia */ /* ================================================================== */ /* GeneratePress usa sus variables al reves de lo habitual: --contrast (que por nombre es el color de texto) se pinta como FONDO del body, y --base-3 (el claro) como color de texto. Asi es como la web acabo siendo oscura. No se redefinen esas dos variables globalmente porque se usan en mas sitios con su significado original; se sobrescribe el body, que es donde importa. */ /* html body y no body a secas: GeneratePress imprime su regla en un