/* ==========================================================
   TEMA NOESTABU
   Cambia aquí la identidad cromática de la tienda.
   ========================================================== */
:root {
  --nt-color-primary: #ba0743;
  --nt-color-primary-hover: #9e0130;
  --nt-color-accent: #e81d62;
  --nt-color-accent-strong: #c2185b;
  --nt-color-link: #781637;
  --nt-color-heading: #22142b;
  --nt-color-text: #252525;
  --nt-color-text-soft: #666666;
  --nt-color-surface: #ffffff;
  --nt-color-surface-brand: #fff5fa;
  --nt-color-surface-soft: #fff7fa;
  --nt-color-border: #ebebeb;

  --nt-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif;
  --nt-radius-control: 30px;
  --nt-header-height-desktop: 100px;

  /* Alias de compatibilidad con el CSS existente. */
  --brand: var(--nt-color-primary);
  --accent: var(--nt-color-accent);
  --bs-success: var(--nt-color-primary);
  --template-link-color: var(--nt-color-primary);
  --background-color: var(--nt-color-primary);
  --text-color: var(--nt-color-primary);
  --font-sans: var(--nt-font-sans);
  --header-h-desktop: var(--nt-header-height-desktop);
  --mi-ico-size: 16px;
  --mi-ico-color: var(--nt-color-accent);
  --mi-cat-ico-size: 16px;
  --mi-cat-ico-color: #000000;
  --mi-cat-ico-hover: var(--nt-color-accent);
  --hk-ico-size: 18px;
  --hk-ico-size-sm: 16px;
  --hk-ico-color: #000000;
  --hk-ico-hover: var(--nt-color-accent);
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}