/* Glowtto · sincronización cromática de todas las superficies.
   La paleta se cambia mediante theme-customizer.js, no hay colores de tema
   duplicados por módulo. Iconos, fotos y estructura del carrusel quedan intactos.
*/
:root{
 --theme-surface:var(--pnl-paper,#FCF7FB);
 --theme-surface-soft:var(--pnl-purple-soft,#F9EAF7);
 --theme-border:var(--pnl-line,#EFDFEB);
 --theme-accent:var(--pnl-purple,#A2459C);
 --theme-accent-strong:var(--pnl-purple-dark,#64285F);
 --theme-accent-pink:var(--pnl-pink,#EA64AA);
 --theme-accent-gradient:var(--pnl-gradient);
 --theme-editorial-gradient:linear-gradient(115deg,var(--theme-surface),var(--theme-surface-soft) 72%,var(--theme-surface));
 --theme-top-gradient:linear-gradient(114deg,var(--theme-surface),var(--theme-surface-soft) 55%,var(--theme-border));
 --theme-hero-base:var(--theme-surface);
 --theme-hero-tint:var(--theme-surface-soft);
 --theme-hero-ink:#443041;
 --theme-hero-muted:#756674;
}
/* Encabezado, navegación, buscador y tira informativa. */
header{background:linear-gradient(110deg,#fff 0%,var(--theme-surface) 64%,var(--theme-surface-soft))!important}
.head-actions .cart-trigger{background:var(--theme-surface-soft)!important;border-color:var(--theme-border)!important;color:var(--theme-accent-strong)!important}
header::after{background:var(--theme-accent-gradient)!important}
#shopView .ys-service-note{background:var(--theme-surface-soft)!important;border-color:var(--theme-border)!important;color:var(--theme-accent-strong)!important}
#shopView .ys-service-note span+span{border-color:var(--theme-border)!important}
#shopView .ys-quick-search button,
#shopView .ys-discover-head .ys-quick-search button{background:var(--theme-accent-strong)!important;color:#fff!important}
#shopView .ys-quick-search button:hover{background:var(--theme-accent)!important}
#shopView .ys-shop-nav button:hover{color:var(--theme-accent-strong)!important}
/* Banners y anuncios conservan el contenido original, foto, interacción y
   disposición editorial. Cambia solo el fondo/tinte y los colores del texto. */
#shopView #homeHero.hero-carousel,
#shopView #homeHero.hero-carousel[data-theme]{
 background:var(--theme-editorial-gradient)!important;
 border-color:var(--theme-border)!important;
}
#shopView #homeHero .has-blended-photo .hero-blend-photo{
 background:var(--theme-editorial-gradient)!important;
}
#shopView #homeHero .has-blended-photo .hero-blend-photo::after{
 background:linear-gradient(90deg,
  var(--theme-hero-base) 0%,
  color-mix(in srgb,var(--theme-hero-base) 98%,transparent) 17%,
  color-mix(in srgb,var(--theme-hero-base) 94%,transparent) 33%,
  color-mix(in srgb,var(--theme-hero-base) 73%,transparent) 47%,
  color-mix(in srgb,var(--theme-hero-base) 25%,transparent) 65%,transparent 86%)!important;
}
#shopView #homeHero .hero-carousel .hero-copy h1,
#shopView #homeHero .hero-copy h1,
#shopView #homeHero .hero-copy h2{color:var(--theme-hero-ink)!important}
#shopView #homeHero .hero-copy h1 em,
#shopView #homeHero .hero-copy h2 em{color:var(--theme-accent)!important}
#shopView #homeHero .hero-kicker,
#shopView #homeHero .hero-feature-link,
#shopView #homeHero .hero-price-inline,
#shopView #homeHero .hero-art-offer{color:var(--theme-accent-strong)!important}
#shopView #homeHero .hero-copy p,
#shopView #homeHero .hero-desc-bottom p{color:var(--theme-hero-muted)!important}
#shopView #homeHero .hero-art-halo,
#shopView #homeHero .hero-deco-halo{
 background:radial-gradient(circle,var(--theme-surface-soft),var(--theme-border) 58%,transparent 82%)!important;
}
#shopView #homeHero .hero-static-footer{
 border-color:var(--theme-border)!important;
}
#shopView #homeHero .hero-feature-link{border-color:var(--theme-accent)!important}
/* Carrusel «Selección para ti»: antes estaba fijo en beige/salmón. */
#shopView #topCarousel{
 background:var(--theme-top-gradient)!important;
 border-color:var(--theme-border)!important;
 box-shadow:0 9px 26px color-mix(in srgb,var(--theme-accent-strong) 12%,transparent)!important;
}
#shopView #topCarousel .top-slide,
#shopView #topCarousel .top-slide-copy{color:var(--theme-hero-ink)!important}
#shopView #topCarousel .top-slide small,
#shopView #topCarousel .top-slide .eyebrow,
#shopView #topCarousel .top-slide-copy small,
#shopView #topCarousel .top-slide .price{
 color:var(--theme-accent-strong)!important;
}
#shopView #topCarousel .top-slide .visual,
#shopView #topCarousel .top-product-image{
 background:var(--theme-surface)!important;
}
#shopView .top-section .dots button,
#shopView #topCarousel .dots button{
 background:var(--theme-border)!important;
}
#shopView .top-section .dots button.selected,
#shopView #topCarousel .dots button.selected{
 background:var(--theme-accent)!important;
}
#shopView #topCarousel button.secondary{
 background:#fff!important;color:var(--theme-accent-strong)!important;border-color:var(--theme-border)!important;
}
#shopView #topCarousel button.primary{
 background:var(--theme-accent-gradient)!important;color:#fff!important;
}
/* Catálogo, acciones y señales de marca. */
#shopView .ys-heading small,
#shopView .top-section .section-heading small,
#shopView .eyebrow,
.glow-immediate-head>.eyebrow{color:var(--theme-accent)!important}
#shopView .ys-category-image{
 background:linear-gradient(145deg,#fff,var(--theme-surface-soft))!important;
}
#shopView .ys-category-card strong{color:var(--theme-hero-ink)!important}
#shopView .ys-category-card{border-color:var(--theme-border)!important}
#shopView .ys-product,
#shopView .products .product,
.glow-immediate-card{border-color:var(--theme-border)!important}
#shopView .ys-product-visual,
#shopView .product .image,
.glow-immediate-card img{background:var(--theme-surface-soft)!important}
#shopView .ys-product-details strong,
#shopView .product .price,
.glow-immediate-card strong{color:var(--theme-accent-strong)!important}
#shopView .category-pills button.active,
#shopView .glow-makeup-groups button.active,
#shopView .glow-accessory-groups button.active{
 color:var(--theme-accent-strong)!important;background:var(--theme-surface-soft)!important;
 border-color:var(--theme-accent)!important;
}
.primary{background:var(--theme-accent-gradient)!important}
.secondary{color:var(--theme-accent-strong)!important;border-color:var(--theme-border)!important}
.eyebrow,.page-title .eyebrow{color:var(--theme-accent)!important}
.detail-add{background:var(--theme-accent-gradient)!important}
.detail-sheet-price,.frag-sheet-price{color:var(--theme-accent-strong)!important}
.fragrance-modal-head{color:var(--theme-accent-strong)!important}
.perfume-segments button.selected,
.supplier-showcase-filters button.selected{background:var(--theme-accent-gradient)!important}
/* Entrega inmediata: «Stock propio» deja de ser una tarjeta verde fija;
   se sigue distinguiendo con contraste oscuro sobre tono pastel. */
.glow-immediate-head>.eyebrow,
.glow-immediate-head>div>.eyebrow{color:var(--theme-accent)!important}
.glow-immediate-head>span{
 background:var(--theme-surface-soft)!important;color:var(--theme-accent-strong)!important;
 border:1px solid var(--theme-border)!important;
}
.glow-immediate-head h2{color:var(--pnl-ink)!important}
.glow-immediate-head p{color:var(--pnl-muted)!important}
/* Administración, P&L, pie y ayuda. */
#adminView>.page-title{background:var(--theme-accent-gradient)!important}
.pnl-hero,.pnl-metric.net{background:var(--theme-accent-gradient)!important}
.stat-card{background:var(--theme-surface-soft)!important;border-color:var(--theme-border)!important}
.stat-card strong{color:var(--theme-accent-strong)!important}
.pnl-table th,.pnl-info{background:var(--theme-surface-soft)!important;color:var(--theme-accent-strong)!important}
.tabs button.selected,.admin-tabs button.selected{
 background:var(--theme-surface-soft)!important;
 color:var(--theme-accent-strong)!important;
 border-color:var(--theme-accent)!important;
}
footer,footer.glowtto-footer{
 background:var(--theme-editorial-gradient)!important;
 border-top:1px solid var(--theme-border)!important;
 color:var(--theme-hero-muted)!important;
}
.glowtto-footer .glowtto-footer-eyebrow,
.glowtto-footer .glowtto-footer-welcome h2 em,
.glowtto-footer .glow-support-footer-section strong{
 color:var(--theme-accent)!important;
}
.glowtto-footer .glowtto-footer-welcome h2,
.glowtto-footer .glowtto-footer-links h3{
 color:var(--theme-hero-ink)!important;
}
.glowtto-footer .glowtto-footer-welcome p,
.glowtto-footer .glowtto-footer-affirmations p,
.glowtto-footer .glowtto-footer-links p,
.glowtto-footer .glowtto-footer-end small{
 color:var(--theme-hero-muted)!important;
}
.glowtto-footer .glowtto-footer-affirmations{
 border-left-color:var(--theme-border)!important;
}
.glowtto-footer .glowtto-footer-links button{
 color:var(--theme-accent-strong)!important;
}
.glowtto-footer .glowtto-footer-links button:hover{
 color:var(--theme-accent)!important;
}
.glowtto-footer .glowtto-footer-end,
.glowtto-footer .glowtto-footer-menu{
 border-top-color:var(--theme-border)!important;
}
.glowtto-footer .glow-support-footer-button{
 color:var(--theme-accent-strong)!important;
 border-color:var(--theme-border)!important;
}
footer h1,footer h2,footer h3,footer h4,footer strong{
 color:var(--theme-hero-ink)!important;
}
footer .eyebrow,footer a,footer .footer-socials a{
 color:var(--theme-accent-strong)!important;
}
footer a:hover{text-decoration-color:var(--theme-accent)!important}
footer .footer-icon,footer .g-icon{filter:none!important}
.mobile-bottom{border-top-color:var(--theme-border)!important}
.mobile-bottom button{color:var(--theme-accent-strong)!important}
.glow-help-launcher{background:var(--theme-accent-gradient)!important}
@media(max-width:680px){
 #shopView #homeHero .has-blended-photo .hero-blend-photo::after{
  background:linear-gradient(180deg,
   var(--theme-hero-base) 0%,
   color-mix(in srgb,var(--theme-hero-base) 98%,transparent) 21%,
   color-mix(in srgb,var(--theme-hero-base) 93%,transparent) 43%,
   color-mix(in srgb,var(--theme-hero-base) 67%,transparent) 70%,
   color-mix(in srgb,var(--theme-hero-base) 24%,transparent) 100%)!important;
 }
}