/** * Anfitria Eventos — Catálogo de tokens de diseño (Fase 4.5, sección C). * Activar una combinación con el atributo data-tokens="" en . * Ninguna landing declara colores/fuentes literales fuera de este archivo * — estructura.css y los componentes de cada plantilla maestra solo * consumen estas variables. Ver catalogo.md para el detalle de cada combo * y por qué algunos valores no son el hex exacto de la sección C. * * Tres variables (--color-acento-texto, --color-acento-oscuro, * --color-acento-en-base) existen SOLO por contraste WCAG AA: usar * --color-acento directo como color de TEXTO falla el mínimo en varias * combinaciones (verificado con _checklist-calidad/verificar-contraste.js * — hasta clasica-elegante fallaba en dos pares antes de este ajuste). * --color-acento sigue siendo el tono "puro" para fondos, botones, * bordes y trazos decorativos — nunca para texto pequeño/mediano. */ [data-tokens="clasica-elegante"] { --color-fondo: #F4E4B8; --color-texto: #132447; --color-base: #132447; --color-base-texto: #F4E4B8; --color-acento: #C9A227; --color-acento-suave: #E4C567; --color-acento-texto: #132447; --color-acento-oscuro: #624F13; --color-acento-en-base: #C9A227; --font-display: 'Playfair Display', serif; --font-cuerpo: 'Lato', sans-serif; } [data-tokens="romantica-suave"] { --color-fondo: #FAF3E8; --color-texto: #6B3A2E; --color-base: #E8C4C4; --color-base-texto: #6B3A2E; --color-acento: #C97B63; --color-acento-suave: #F2DADA; --color-acento-texto: #2E1610; --color-acento-oscuro: #9B4D36; --color-acento-en-base: #88442F; --font-display: 'Cormorant Garamond', serif; --font-cuerpo: 'Nunito', sans-serif; } [data-tokens="moderna-minimalista"] { --color-fondo: #FFFFFF; --color-texto: #1A1A1A; --color-base: #1A1A1A; --color-base-texto: #FFFFFF; --color-acento: #C9A227; --color-acento-suave: #CCCCCC; --color-acento-texto: #1A1A1A; --color-acento-oscuro: #675314; --color-acento-en-base: #C9A227; --font-display: 'Montserrat', sans-serif; --font-cuerpo: 'Montserrat', sans-serif; } [data-tokens="alegre-festiva"] { --color-fondo: #FFFDF7; --color-texto: #1A1A1A; --color-base: #4FAFA0; --color-base-texto: #0F3D37; --color-acento: #E8836A; --color-acento-suave: #F2D57A; --color-acento-texto: #1A1A1A; --color-acento-oscuro: #A9361A; --color-acento-en-base: #62200F; --font-display: 'Fredoka', sans-serif; --font-cuerpo: 'Work Sans', sans-serif; }