/**
 * SOLUCON — tokens de marca (rediseño 2026).
 *
 * Se encola en TODAS las páginas y antes que catálogo / PDP / home: todos
 * consumen estas variables. Valores tomados del mockup "Rediseño SOLUCON"
 * (claude.ai/design), no aproximar.
 *
 * FUENTE DE VERDAD: este archivo. El navy viejo (#1B365D) ya no debe aparecer
 * hardcodeado en ningún lado.
 */
:root {
	--sol-navy:      #16305E;  /* color de marca — 60% de la proporción */
	--sol-navy-deep: #0F2240;  /* hover de botones navy, degradados */
	--sol-navy-soft: #C8CEDE;  /* texto sobre navy — 8.2:1 */
	--sol-navy-mute: #8E9BB3;  /* atenuado sobre navy — 4.6:1, no usar <14px */
	/* Gris de etiqueta: eyebrows, SKU, cifras de stat, cabeceras de tabla.
	   Todo texto chico en mayúsculas, así que manda el contraste: 6.9:1 sobre
	   blanco. El valor del mockup era #A8A9AD, pero da 2.3:1 y no pasa WCAG AA;
	   además nunca llegó a pintarse, porque el mega-menú redefinía --sol-gray a
	   #5A5A5A en un :root inline y le ganaba a esta hoja. Se adopta el valor que
	   el sitio venía usando de hecho. No volver a #A8A9AD. */
	--sol-gray:      #5A5A5A;
	--sol-gray-2:    #B4B4B4;  /* trazo del isotipo */
	--sol-surface:   #EFF1F5;
	/* Suelo de página de la home v4. NO es lo mismo que --sol-surface: surface
	   (#EFF1F5) es color de PANEL en catálogo y PDP; paper es el SUELO sobre el
	   que se apoyan objetos blancos. Blanco = cosa, papel = fondo. Si algún día
	   se fusionan, la home pierde su sistema de planos. */
	--sol-paper:     #F7F8FA;
	--sol-line:      #E0E3E9;
	--sol-ink:       #3A3F49;
	--sol-muted:     #6B7079;

	/* Isotipo: un único PNG transparente que se tiñe con mask-image. */
	--sol-isotipo: url("/wp-content/uploads/2025/08/logo-SOLUCON.png");
}