/* =========================================================================
   SUNQU — Variables globales del tema
   Toda regla del tema debe consumir estos custom properties, nunca un
   valor hardcodeado. Si un valor nuevo se repite 3 veces o más, se suma
   aquí en vez de copiarlo en cada archivo.
   ========================================================================= */
:root {
  /* Paleta — dorados. Valores exactos de la guía de marca
	   (guia-de-estilos/sunqu-guia-de-marca.html §01): --sq-gold es el
	   "Cognac — protagonista" (#D7A461) y --sq-gold-light su claro
	   (#EFDFC4). --sq-gold-dark/-pale/-text no están en la guía (que solo
	   define 5 colores planos, sin variantes de estado): son derivados en
	   HSL del propio --sq-gold para poder tener hover/fondo-claro/texto
	   sin salirse de la familia cromática. --sq-gold-dark es el relleno de
	   hover de botones (contraste ~3:1 no-texto, pensado para tener texto
	   --sq-ink encima, nunca texto blanco: ver 03-buttons.less). --sq-gold-text
	   es --sq-gold oscurecido hasta pasar 4.5:1 sobre --sq-cream/--sq-white/
	   --sq-gold-light/--sq-gold-pale a la vez — es el que se usa cuando el
	   dorado hace de color de TEXTO (enlaces, hover, precios), nunca
	   --sq-gold-dark, que en texto no llega a 4.5:1 (ver auditoría de
	   contraste 2026-08-16 en memoria de proyecto). */
  --sq-gold: #D7A461;
  --sq-gold-dark: #C08231;
  --sq-gold-text: #875B22;
  --sq-gold-light: #EFDFC4;
  --sq-gold-pale: #F4ECDD;
  /* Paleta — secundarios. --sq-ink/--sq-muted/--sq-line/--sq-cream son los
	   "Tinta", "Crema" e implícito ink-soft de la guía (§01), valores
	   exactos. --sq-navy/--sq-navy-soft eran un azul WoodMart ajeno a la
	   guía (no existe ningún azul en la paleta de marca): se alían aquí al
	   mismo valor que --sq-ink/--sq-muted en vez de renombrar sus ~70 usos
	   en el tema y los bloques (todos son en realidad texto/fondo "tinta",
	   nunca decían "azul" en ningún sitio real del sitio). --sq-blush es
	   --sq-oxblood diluido en --sq-cream (detalle, nunca botón — ver
	   --sq-oxblood más abajo). --sq-body es un punto intermedio entre
	   --sq-ink y --sq-muted para cuerpo de texto largo (la guía no define
	   un tono de cuerpo aparte de --sq-ink; usar --sq-ink puro en párrafos
	   largos de carrito/checkout se sentía más duro que el original). */
  --sq-navy: #2B272D;
  --sq-navy-soft: #6B6570;
  --sq-cream: #F8F7F2;
  --sq-blush: #EFE6E1;
  --sq-ink: #2B272D;
  --sq-ink-dark: #1B191D;
  --sq-muted: #6B6570;
  --sq-line: rgba(43, 39, 45, 0.12);
  --sq-white: #ffffff;
  --sq-body: #413D44;
  /* Oxblood — acento único de la guía (§01, ~5%): "se reserva para un
	   sello, un hilo, un detalle de empaque — nunca para botones de compra
	   ni textos grandes". En el sitio se usa solo en detalles pequeños:
	   iconos/enlaces de "quitar" y errores de WooCommerce (antes un rojo
	   #d1495b ajeno a la marca) y la píldora de pedido cancelado/reembolsado
	   en Mi cuenta (antes #a13646). Nunca en botones ni en texto grande. */
  --sq-oxblood: #7D0000;
  /* Tipografía — Fraunces (títulos/momentos clave) y Jost (cuerpo/
	   etiquetas), según guía de marca §02. Sustituyen a Manjari/Manrope/
	   Montserrat, que eran los de la plantilla Woodmart original, ajenos a
	   la identidad de marca aprobada. --sq-font-title cubre títulos reales
	   (h1-h4, leyendas, cabeceras de sección): la mayoría de sus ~380 usos
	   en tema+bloques. Los usos que en realidad son etiquetas/eyebrows en
	   mayúsculas con tracking (botones, campos de tabla, nav, badges) se
	   reasignaron a --sq-font-text explícitamente en cada selector, según
	   la propia guía ("Jost — etiquetas, categorías, eyebrows"): no se
	   cambió el valor de --sq-font-title en sí porque perdería la mayoría
	   de títulos reales que si deben ir en Fraunces. */
  --sq-font-title: "Fraunces", serif;
  --sq-font-text: "Jost", sans-serif;
  --sq-font-display: "Fraunces", serif;
  /* Layout
	   --sq-container-w (1320px) es el --wd-container-w del mockup Elementor/
	   Woodmart (home, header, footer — index.html). --sq-wrap-w (1222px) es el
	   max-width real de .sq-wrap en la propia sunqu.css de la plantilla
	   (páginas internas: blog, tienda, ficha de producto) — son dos sistemas
	   de ancho distintos en el propio mockup, no una inconsistencia a unificar. */
  --sq-wrap-w: 1222px;
  --sq-container-w: 1320px;
  --sq-scroll-w: 0px;
  /* Movimiento */
  --sq-transition-fast: 0.2s;
  --sq-transition: 0.25s;
  /* Radios — 12px es el --wd-brd-radius por defecto de la plantilla
	   (definido en xts-theme_settings_default), usado en tarjetas de
	   categoría, banners destacados y medios redondeados en general. */
  --sq-radius: 12px;
}