/* ==========================================
   PALETA DE COLORES DE LA TIENDA
   Cambia estos códigos hexadecimales para 
   modificar el color principal de toda la web.
   ========================================== */
:root {
  --color-primario: #2563eb;       /* Verde principal (estilo WhatsApp / Esmeralda) */
  --color-primario-hover: #f1f4f3; /* Tono más oscuro al pasar el ratón */
  --color-texto: #111827;          /* Color de los textos principales */
  --color-fondo-web: #f9fafb;      /* Color de fondo general de la página */
}

/* Clases auxiliares para aplicar los colores fácilmente */
.bg-tienda-primary { background-color: var(--color-primario); }
.bg-tienda-primary:hover { background-color: var(--color-primario-hover); }
.text-tienda-primary { color: var(--color-primario); }
.border-tienda-primary { border-color: var(--color-primario); }