:root {
  --tt-page-bg: #FFFFFF;
  --tt-title: #222222;
  --tt-text: #222222;
  --tt-muted: #222222;
  --tt-card: #FFFFFF;
  /* Rosa de marca oscurecido lo justo para que texto, iconos y botones
     alcancen contraste AA sobre blanco y sobre el fondo rosa claro. */
  --tt-primary: var(--color-brand-primary, #F8AACA);
  --tt-soft: #FDECF2;
  --tt-light: #FDECF2;
  --tt-border: #FDECF2;
  --tt-line: #FDECF2;
  --tt-focus: rgba(248,170,202,0.24);
  --tt-shadow: 0 14px 38px rgba(248,170,202,0.10);

  --bg: var(--tt-page-bg);
  --bg-soft: var(--tt-soft);
  --card-bg: var(--tt-card);
  --pink-pale: var(--tt-light);
  --pink: #F8AACA;
  --pink-mid: #F8AACA;
  --pink-dark: var(--tt-primary);
  --rose: var(--tt-primary);
  /* Antes apuntaba a --tt-card (blanco), lo que dejaba invisible cualquier
     texto/borde/badge que usara --gold: estrellas de reseñas blancas sobre
     tarjeta blanca, categoría del producto blanca sobre fondo blanco, el
     badge "NUEVO" blanco sobre blanco, etc. Ahora es un dorado real con
     contraste AA (4.9:1) tanto sobre blanco como con texto blanco encima. */
  --gold: #8a6d1f;
  --gold-hover: #6f5718;
  --gold-light: var(--tt-soft);
  --ink: var(--tt-title);
  --text: var(--tt-text);
  --text-sec: var(--tt-muted);
  --text-muted: var(--tt-muted);
  --text-title: var(--tt-title);
  --border: var(--tt-border);
  --white: var(--tt-card);
  --whatsapp: var(--tt-primary);
  --whatsapp-h: #F8AACA;
  --error: var(--tt-primary);
  --success: var(--tt-primary);
  --shadow-sm: 0 2px 8px rgba(248,170,202,0.08);
  --shadow-md: 0 6px 22px rgba(248,170,202,0.13);
  --shadow-lg: 0 10px 42px rgba(248,170,202,0.18);
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --transition: 0.3s cubic-bezier(0.4,0,0.2,1);
  --font-heading: "Montserrat";
  --font-body: "Montserrat";

  /* Escala de apilamiento pública. Conserva la jerarquía existente. */
  --tt-z-header: 1900;
  --tt-z-effects: 1190;
  --tt-z-campaign: 1200;
  --tt-z-dropdown: 1450;
  --tt-z-surface: 1460;
  --tt-z-surface-active: 1470;
  --tt-z-tabbar: 1400;
  --tt-z-notification: 1550;
  --tt-z-overlay: 4500;
  --tt-z-drawer: 4501;
  --tt-z-modal: 5000;
  --tt-z-popup: 6000;
  --tt-z-lightbox: 30000;
}

#tt-loader-line,
#tt-loader-text,
#tt-loader-dots,
.tt-splash-line,
#tt-intro-fallback {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

#tt-loader,
#tt-intro {
  background: var(--tt-page-bg) !important;
  gap: 0 !important;
}

#tt-loader img:not([src*="logo.png"]),
#tt-intro img:not([src*="logo.png"]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}