/* ============================================================================= VETERCALM OVERRIDES — mapea --vc-* a las variables runtime de Woodmart ============================================================================= Esta capa NO introduce estilos nuevos: solo reasigna las variables oficiales de Woodmart (--wd-*, --btn-*, --color-*) al sistema Vetercalm. Gracias a que Woodmart usa CSS vars runtime, podemos cambiar la piel completa sin pelear con la cascada ni usar !important. Si Woodmart actualiza y renombra vars, este archivo es el único que cambia. ============================================================================= */ :root { /* ----------------------------------------------------------------------- * 1. COLORES GLOBALES * -------------------------------------------------------------------- */ /* Primario (CTA, acentos) — ámbar Vetercalm */ --wd-primary-color: var(--vc-amber); --wd-alternative-color: var(--vc-forest); /* Texto y títulos */ --wd-text-color: var(--vc-ink-soft); --wd-title-color: var(--vc-forest); --wd-entities-title-color: var(--vc-forest); --wd-entities-title-color-hover: var(--vc-amber); --wd-widget-title-color: var(--vc-forest); /* Links */ --wd-link-color: var(--vc-forest); --wd-link-color-hover: var(--vc-amber); /* Background principal */ --wd-main-bgcolor: var(--vc-bone); /* Navigation (Woodmart expone RGB para opacidades) */ --wd-navigation-color: var(--vc-forest-rgb); /* Borders y outlines */ --wd-border-color: var(--vc-forest-15); --wd-otl-color-scheme: var(--vc-forest); /* ----------------------------------------------------------------------- * 2. TIPOGRAFÍA GLOBAL * -------------------------------------------------------------------- */ --wd-text-font-family: var(--vc-font-sans); --wd-title-font-family: var(--vc-font-display); --wd-entities-title-font: var(--vc-font-display); --wd-widget-title-font: var(--vc-font-display); --wd-nav-font-family: var(--vc-font-sans); --wd-text-line-height: var(--vc-lh-body); /* ----------------------------------------------------------------------- * 3. FORMULARIOS (inputs, selects, textarea) * -------------------------------------------------------------------- */ --wd-form-height: 42px; /* ya coincide con Vetercalm */ --wd-form-color: var(--vc-ink); --wd-form-placeholder-color: var(--vc-ink-mute); --wd-form-bg: var(--vc-bone); --wd-form-brd-color: var(--vc-forest-15); --wd-form-brd-color-focus: var(--vc-amber); --wd-brd-radius: var(--vc-radius-sm); /* ----------------------------------------------------------------------- * 4. BOTONES (sistema Woodmart --btn-*) * -------------------------------------------------------------------- */ /* Botón default (secundario) — outline forest estilo .btn-ghost */ --btn-color: var(--vc-forest); --btn-color-hover: var(--vc-amber); --btn-bgcolor: transparent; --btn-bgcolor-hover: transparent; /* Botón accent (primario) — pill ámbar estilo .btn-primary !important en TODAS las vars porque Woodmart inyecta un