/* ==========================================================================
   EVOX — Variables globales de color  ◀── EDITA AQUÍ Y CAMBIA TODO EL PLUGIN
   --------------------------------------------------------------------------
   Todos los CSS del plugin (carrito, checkout, cuenta, buscador, menú,
   producto, gracias) usan estas variables. Cambiar un valor aquí lo cambia
   en TODAS las pantallas de una sola vez.

   Este archivo se carga en todo el sitio y es dependencia de las demás hojas
   del plugin, así que siempre está disponible antes que ellas.
   ========================================================================== */

:root {
	/* --- Marca ------------------------------------------------------- */
	--evox-azul:         #002b70;  /* primario: botones, fondos oscuros, enlaces */
	--evox-azul-hover:   #003a94;  /* hover del azul (un tono más claro)         */
	--evox-verde:        #0dbc54;  /* acento: íconos, badges, foco, activo       */
	--evox-verde-hover:  #0aa249;  /* hover del verde (un tono más oscuro)       */
	--evox-verde-texto:  #0a8f42;  /* verde legible como TEXTO sobre blanco      */

	/* --- Texto ------------------------------------------------------- */
	--evox-tinta:        #0a1628;  /* títulos, nombres de producto, precios      */
	--evox-cuerpo:       #47566b;  /* párrafos, etiquetas de formulario          */
	--evox-suave:        #7a879b;  /* notas, metadatos, precios tachados         */

	/* --- Superficies y bordes ---------------------------------------- */
	--evox-fondo:        #f8f9fa;  /* fondo suave de cajas y barras              */
	--evox-fondo-2:      #f1f3f5;  /* fondo alterno / placeholders de imagen     */
	--evox-borde:        #e9ecef;  /* borde estándar de tarjetas y separadores   */
	--evox-borde-fuerte: #dee2e6;  /* borde de inputs y controles                */

	/* --- Estados ----------------------------------------------------- */
	--evox-error:        #dc3545;  /* errores, eliminar, avisos críticos         */
}