/* ==========================================================================
 * AL MAYOREO · tokens de marca — ÚNICO punto de swap del brand kit.
 *
 * Editar SOLO este archivo para reestilar toda la tienda (style.css y plantillas
 * consumen estos tokens vía var(); no llevan color/fuente literal).
 *
 * Paleta extraída del brand kit real de AL MAYOREO (logo + material de marca,
 * assets/marca/): azul navy del wordmark "AL" + rojo terracota de "Mayoreo" +
 * kraft de las cajas del ícono. Identidad cálida y premium orientada al
 * consumidor final (B2C). Reemplaza el sistema teal anterior (clon de promostore).
 * ========================================================================== */

:root {
	/* --- Neutros / superficies --- */
	--oresa-color-background:        #ffffff; /* fondo base */
	--oresa-color-surface:           #f7f4ef; /* blanco cálido para secciones alternas */
	--oresa-color-surface-2:         #f0ece3; /* segundo tono cálido */
	--oresa-color-text:              #1e2633; /* texto de cuerpo (navy-carbón) */
	--oresa-color-heading:           #22314f; /* titulares (navy de marca) */
	--oresa-color-border:            #e7e2d9; /* bordes DECORATIVOS/separadores (1.26:1, NO usar en controles) */
	--oresa-control-border:          #8a8172; /* borde de CONTROLES (inputs/checkbox/swatch/chip) — ≥3:1 s/blanco, WCAG SC 1.4.11 */

	/* --- Marca AL Mayoreo --- */
	--oresa-color-navy:              #2a3a5e; /* azul del wordmark "AL" */
	--oresa-color-navy-deep:         #22314f; /* navy más oscuro (footer, bandas) */
	--oresa-color-rust:              #a23b26; /* rojo terracota de "Mayoreo" (acento/CTA) */
	--oresa-color-rust-deep:         #872f1e; /* hover del rojo */
	--oresa-color-kraft:             #c99a63; /* kraft de las cajas (detalles cálidos) */
	--oresa-color-kraft-soft:        #e4cfae; /* kraft claro para fondos suaves */

	/* Aliases semánticos (los que consume style.css) */
	--oresa-color-primary:           #2a3a5e; /* navy primario */
	--oresa-color-primary-hover:     #1f2c47;
	--oresa-color-secondary:         #22314f; /* navy profundo (footer / botón alt) */
	--oresa-color-accent:            #a23b26; /* enlaces / acento = terracota */

	/* Botones: CTA primario en terracota (pop B2C); alterno en navy */
	--oresa-color-button-bg:         #a23b26; /* CTA terracota */
	--oresa-color-button-text:       #ffffff;
	--oresa-color-button-hover-bg:   #872f1e;
	--oresa-color-button-alt-bg:     #2a3a5e; /* botón alterno navy */
	--oresa-color-button-alt-text:   #ffffff;

	/* --- Tipografía: Poppins (display, redondeada como el logo) + Inter (cuerpo) --- */
	--oresa-font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	--oresa-font-heading: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	--oresa-font-size-base: 1rem;              /* 16px */
	--oresa-font-weight-heading: 700;          /* titulares marcados */

	/* --- Layout / forma --- */
	--oresa-container:    1520px;              /* ancho central — aprovecha pantallas anchas */
	--oresa-radius:       10px;                /* radio de botones/cards (premium/suave) */
	--oresa-radius-lg:    18px;                /* radio de tarjetas grandes / hero */
	--oresa-radius-pill:  800px;               /* buscador / chips pill */
	--oresa-section-gap:  4.5rem;              /* padding vertical de secciones */
	--oresa-shadow:       0 10px 30px rgba(34, 49, 79, 0.10);
	--oresa-shadow-soft:  0 4px 16px rgba(34, 49, 79, 0.07);
}