/* TopUpin 11.0.31 — Theme consistency hardening
   Fixes legacy background shorthands and old purple literals that survived v11.0.30.
   Loaded last. Scoped to the public storefront so layout/spacing are not changed. */

body.site-body{
  --theme-soft:color-mix(in srgb,var(--theme-primary) 9%,var(--theme-surface));
  --theme-soft-strong:color-mix(in srgb,var(--theme-primary) 15%,var(--theme-surface));
  --theme-elevated:color-mix(in srgb,var(--theme-surface) 94%,var(--theme-text) 6%);
  --theme-elevated-2:color-mix(in srgb,var(--theme-surface) 88%,var(--theme-text) 12%);
  --theme-shadow:color-mix(in srgb,var(--theme-text) 14%,transparent);
  --theme-shadow-soft:color-mix(in srgb,var(--theme-text) 8%,transparent);
}

/* Base document areas: legacy gradients must not leak through in Light mode. */
body.site-body .store-main,
body.site-body .market-home,
body.site-body .store-hero,
body.site-body .home-service-strip,
body.site-body .market-section,
body.site-body .deal-showcase,
body.site-body .home-news,
body.site-body .home-stats,
body.site-body .home-trust,
body.site-body .home-order-guide{
  color:var(--theme-text);
}

/* Header controls */
body.site-body .store-icon-btn{
  background:color-mix(in srgb,var(--theme-on-header) 5%,transparent)!important;
  border-color:color-mix(in srgb,var(--theme-on-header) 18%,transparent)!important;
  color:var(--theme-on-header)!important;
}
body.site-body .store-icon-btn:hover,
body.site-body .store-icon-btn:focus-visible{
  background:color-mix(in srgb,var(--theme-primary) 12%,var(--theme-header))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 54%,var(--theme-border))!important;
  color:var(--theme-on-header)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--theme-primary) 13%,transparent)!important;
}
body.site-body .store-order-btn{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important;
  color:var(--theme-on-primary)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 58%,var(--theme-accent))!important;
}
body.site-body .store-order-btn :where(svg,.ui-icon,span,strong){color:inherit!important}

/* Hero controls. Banner image veil intentionally remains dark for image readability. */
body.site-body .store-slider{
  border-color:var(--theme-border)!important;
  background:var(--theme-surface)!important;
  box-shadow:0 20px 48px var(--theme-shadow-soft)!important;
}
body.site-body .store-slider .slider-arrow{
  background:color-mix(in srgb,var(--theme-background) 76%,transparent)!important;
  border-color:color-mix(in srgb,#ffffff 24%,transparent)!important;
  color:#fff!important;
}
body.site-body .slider-dots button.active{
  background:var(--theme-primary)!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--theme-primary) 62%,transparent)!important;
}

/* Quick actions: v11.0.30 used background-color only, while legacy background gradients stayed visible. */
body.site-body .store-quick-panel{
  background:linear-gradient(145deg,var(--theme-elevated),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
  box-shadow:0 18px 44px var(--theme-shadow-soft)!important;
}
body.site-body .store-quick-panel__head>span,
body.site-body .store-quick-action>span{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 18%,var(--theme-surface)),color-mix(in srgb,var(--theme-accent) 12%,var(--theme-surface)))!important;
  border:1px solid color-mix(in srgb,var(--theme-primary) 28%,var(--theme-border))!important;
  color:var(--theme-primary)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--theme-primary) 12%,transparent)!important;
}
body.site-body .store-quick-action{
  background:color-mix(in srgb,var(--theme-surface) 96%,var(--theme-primary) 4%)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .store-quick-action:hover,
body.site-body .store-quick-action:focus-visible{
  background:var(--theme-soft)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 48%,var(--theme-border))!important;
}
body.site-body .store-quick-action :where(strong,.ui-icon){color:inherit!important}
body.site-body .store-quick-action>span :where(svg,.ui-icon){color:var(--theme-primary)!important}
body.site-body .store-quick-action>svg,
body.site-body .store-quick-action>.ui-icon{color:var(--theme-primary)!important}
body.site-body .store-quick-action small{color:var(--theme-muted)!important}
body.site-body .store-quick-panel__trust span{
  background:color-mix(in srgb,var(--theme-text) 4%,transparent)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-muted)!important;
}

/* Sticky category/filter tabs */
body.site-body .store-category-tabs{
  background:color-mix(in srgb,var(--theme-background) 94%,transparent)!important;
  border-top-color:color-mix(in srgb,var(--theme-border) 65%,transparent)!important;
  border-bottom-color:var(--theme-border)!important;
}
body.site-body .store-category-tabs a{
  background:color-mix(in srgb,var(--theme-surface) 96%,var(--theme-primary) 4%)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-muted)!important;
}
body.site-body .store-category-tabs a:hover,
body.site-body .store-category-tabs a.active{
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 15%,var(--theme-surface)),color-mix(in srgb,var(--theme-accent) 9%,var(--theme-surface)))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 58%,var(--theme-border))!important;
  color:var(--theme-text)!important;
  box-shadow:0 0 20px color-mix(in srgb,var(--theme-primary) 10%,transparent)!important;
}
body.site-body .store-category-tabs a :where(svg,.ui-icon){color:currentColor!important}

/* Category tiles. Global theme is authoritative; saved per-category purple accents no longer lock icon colors. */
body.site-body .home-service-grid a{
  background:linear-gradient(145deg,var(--theme-elevated),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
  box-shadow:0 12px 28px var(--theme-shadow-soft)!important;
}
body.site-body .home-service-grid a:hover,
body.site-body .home-service-grid a:focus-visible{
  border-color:color-mix(in srgb,var(--theme-primary) 52%,var(--theme-border))!important;
  box-shadow:0 16px 34px var(--theme-shadow-soft),0 0 20px color-mix(in srgb,var(--theme-primary) 11%,transparent)!important;
}
body.site-body .home-service-grid a>.home-service-grid__media,
body.site-body .home-service-grid a>span:not(.category-media__image){
  background:
    radial-gradient(circle at 30% 18%,color-mix(in srgb,#fff 30%,transparent),transparent 35%),
    linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 76%,#fff 8%),color-mix(in srgb,var(--theme-secondary) 82%,var(--theme-surface)))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 62%,var(--theme-border))!important;
  color:var(--theme-on-primary)!important;
  box-shadow:0 8px 22px var(--theme-shadow-soft),0 0 18px color-mix(in srgb,var(--theme-primary) 24%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 24%,transparent)!important;
}
body.site-body .home-service-grid__media .category-media__icon,
body.site-body .home-service-grid a>.home-service-grid__media>.ui-icon{
  color:var(--theme-on-primary)!important;
  stroke:currentColor!important;
}
body.site-body .home-service-grid strong{color:var(--theme-text)!important}

/* Promo/deal area */
body.site-body .deal-showcase__head>a,
body.site-body .market-section__head>a,
body.site-body .store-article-card__more{
  color:var(--theme-primary)!important;
}
body.site-body .deal-showcase__body{
  background:linear-gradient(125deg,color-mix(in srgb,var(--theme-primary) 10%,var(--theme-surface)),var(--theme-surface) 52%,color-mix(in srgb,var(--theme-warning) 8%,var(--theme-surface)))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 24%,var(--theme-border))!important;
  box-shadow:0 16px 38px var(--theme-shadow-soft)!important;
}
body.site-body .deal-coupon{
  background:color-mix(in srgb,var(--theme-surface) 94%,var(--theme-warning) 6%)!important;
  border-color:color-mix(in srgb,var(--theme-warning) 36%,var(--theme-border))!important;
  color:var(--theme-text)!important;
}
body.site-body .deal-coupon--main{
  background:linear-gradient(125deg,color-mix(in srgb,var(--theme-primary) 14%,var(--theme-surface)),color-mix(in srgb,var(--theme-accent) 8%,var(--theme-surface)))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 30%,var(--theme-border))!important;
}
body.site-body .deal-coupon>span{color:var(--theme-warning)!important}
body.site-body .deal-coupon>small,
body.site-body .deal-coupon--main p{color:var(--theme-muted)!important}
body.site-body .deal-coupon code{
  background:color-mix(in srgb,var(--theme-primary) 13%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 32%,var(--theme-border))!important;
  color:var(--theme-primary)!important;
}
body.site-body .deal-showcase__pulse{color:var(--theme-danger)!important;text-shadow:0 0 14px color-mix(in srgb,var(--theme-danger) 70%,transparent)!important}

/* Section icons */
body.site-body .market-section__icon,
body.site-body .blog-section-head>div>span,
body.site-body .article-reader__aside>span,
body.site-body .order-check-icon,
body.site-body .check-icon{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 15%,var(--theme-surface)),color-mix(in srgb,var(--theme-accent) 9%,var(--theme-surface)))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 30%,var(--theme-border))!important;
  color:var(--theme-primary)!important;
  box-shadow:0 0 20px color-mix(in srgb,var(--theme-primary) 9%,transparent)!important;
}
body.site-body :where(.market-section__icon,.blog-section-head>div>span,.article-reader__aside>span,.order-check-icon,.check-icon) :where(svg,.ui-icon){color:inherit!important}

/* Product/article cards */
body.site-body .market-product-card,
body.site-body .store-article-card,
body.site-body .blog-hero__status,
body.site-body .help-card,
body.site-body .help-article-card{
  background:linear-gradient(150deg,var(--theme-elevated),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
  box-shadow:0 14px 32px var(--theme-shadow-soft)!important;
}
body.site-body .market-product-card:hover,
body.site-body .store-article-card:hover,
body.site-body .help-card:hover,
body.site-body .help-article-card:hover{
  border-color:color-mix(in srgb,var(--theme-primary) 46%,var(--theme-border))!important;
}
body.site-body .market-product-card__media{
  background:color-mix(in srgb,var(--theme-surface) 88%,var(--theme-background))!important;
}
body.site-body .market-product-card__media.is-logo-media,
body.site-body .store-product-profile__art.is-logo-media{
  background:linear-gradient(145deg,color-mix(in srgb,#fff 92%,var(--theme-primary) 8%),color-mix(in srgb,#fff 82%,var(--theme-secondary) 18%))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 18%,var(--theme-border))!important;
}
body.site-body .market-product-card__badge{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important;
  color:var(--theme-on-primary)!important;
}
body.site-body .market-product-card__body>small,
body.site-body .store-article-card__meta time,
body.site-body .store-article-card p{color:var(--theme-muted)!important}
body.site-body .market-product-card__price{color:var(--theme-text)!important}
body.site-body .market-product-card__benefit{
  color:var(--theme-success)!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--theme-success) 12%,var(--theme-surface)),color-mix(in srgb,var(--theme-primary) 7%,var(--theme-surface)))!important;
}
body.site-body .market-product-card__benefit i{color:var(--theme-warning)!important}
body.site-body .store-article-card__media>span .ui-icon{color:var(--theme-primary)!important}

/* Generic older tiles and selections */
body.site-body .category-card{
  background:var(--theme-surface)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .category-card>span,
body.site-body .payment-grid>div>span,
body.site-body .help-card>span,
body.site-body .help-article-card>span{
  background:color-mix(in srgb,var(--theme-primary) 12%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 28%,var(--theme-border))!important;
  color:var(--theme-primary)!important;
}
body.site-body :where(.variant-option input:checked+span,.payment-options input:checked+span,.invoice-payment-change__grid input:checked+span){
  border-color:var(--theme-primary)!important;
  background:color-mix(in srgb,var(--theme-primary) 10%,var(--theme-surface))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary) 9%,transparent)!important;
}
body.site-body :where(.checkout-consent input,.checkout-privacy-control input){accent-color:var(--theme-primary)!important}
body.site-body .switch-row>input:checked+span,
body.site-body .professional-toggle>input:checked+span{background:linear-gradient(90deg,var(--theme-secondary),var(--theme-primary))!important}

/* Search drawer */
body.site-body .search-drawer{
  background:color-mix(in srgb,var(--theme-background) 96%,transparent)!important;
  color:var(--theme-text)!important;
}
body.site-body .search-drawer__close{
  background:var(--theme-surface)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .smart-search-results{
  background:var(--theme-surface)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .smart-search-item:hover,
body.site-body .smart-search-item.active{
  background:var(--theme-soft)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-primary) 24%,var(--theme-border))!important;
}
body.site-body .smart-search-item>b{color:var(--theme-primary)!important}

/* Live chat: replace the remaining purple/dark-only shell. */
body.site-body .live-chat-panel{
  background:linear-gradient(180deg,var(--theme-elevated),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
  box-shadow:0 26px 68px var(--theme-shadow),0 0 34px color-mix(in srgb,var(--theme-primary) 10%,transparent)!important;
  color:var(--theme-text)!important;
}
body.site-body .live-chat-panel__header{
  background:linear-gradient(120deg,color-mix(in srgb,var(--theme-primary) 13%,var(--theme-header)),color-mix(in srgb,var(--theme-accent) 9%,var(--theme-header)))!important;
  border-bottom-color:color-mix(in srgb,var(--theme-on-header) 12%,transparent)!important;
  color:var(--theme-on-header)!important;
}
body.site-body .live-chat-panel__agent>span{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important;
  color:var(--theme-on-primary)!important;
  box-shadow:0 10px 25px color-mix(in srgb,var(--theme-primary) 24%,transparent)!important;
}
body.site-body .live-chat-panel__header>button{
  background:color-mix(in srgb,var(--theme-on-header) 6%,transparent)!important;
  border-color:color-mix(in srgb,var(--theme-on-header) 16%,transparent)!important;
  color:var(--theme-on-header)!important;
}
body.site-body .live-chat-panel__welcome{
  background:color-mix(in srgb,var(--theme-primary) 5%,var(--theme-surface))!important;
  border-bottom-color:var(--theme-border)!important;
}
body.site-body .live-chat-panel__welcome>span{color:var(--theme-warning)!important}
body.site-body .live-chat-panel__welcome p{color:var(--theme-muted)!important}
body.site-body .live-chat-panel__footer{border-top-color:var(--theme-border)!important;color:var(--theme-muted)!important}
body.site-body .live-chat-panel__footer button{color:var(--theme-primary)!important}
body.site-body .floating-chat--v8>i{
  background:var(--theme-danger)!important;
  border-color:var(--theme-background)!important;
  color:var(--theme-on-danger)!important;
}

/* Public popup */
body.site-body .public-popup__panel{
  background:linear-gradient(160deg,var(--theme-elevated),var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 34%,var(--theme-border))!important;
  color:var(--theme-text)!important;
  box-shadow:0 30px 90px var(--theme-shadow),0 0 50px color-mix(in srgb,var(--theme-primary) 12%,transparent)!important;
}
body.site-body .public-popup__close{
  background:var(--theme-elevated)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .public-popup__badge{
  background:color-mix(in srgb,var(--theme-primary) 14%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 44%,var(--theme-border))!important;
  color:var(--theme-primary)!important;
}
body.site-body .public-popup__body h2{color:var(--theme-text)!important}
body.site-body .public-popup__body p{color:var(--theme-muted)!important}

/* Help / blog / promo pages */
body.site-body .page-hero,
body.site-body .blog-hero{
  background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--theme-primary) 10%,transparent),transparent 35%),var(--theme-background)!important;
  border-color:var(--theme-border)!important;
}
body.site-body .blog-hero__status>span{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 15%,var(--theme-surface)),color-mix(in srgb,var(--theme-accent) 9%,var(--theme-surface)))!important;
  color:var(--theme-primary)!important;
}
body.site-body .blog-filter a.active,
body.site-body .help-category-tabs a.active,
body.site-body .promo-hub-nav button.active{
  background:var(--theme-soft-strong)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 48%,var(--theme-border))!important;
  color:var(--theme-text)!important;
}
body.site-body .promo-hub-hero>.container{
  background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--theme-primary) 13%,transparent),transparent 38%),var(--theme-surface)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .article-reader__content blockquote{
  border-left-color:var(--theme-primary)!important;
  background:color-mix(in srgb,var(--theme-primary) 6%,var(--theme-surface))!important;
  color:var(--theme-text)!important;
}
body.site-body .integration-note{
  background:color-mix(in srgb,var(--theme-primary) 6%,var(--theme-surface))!important;
  color:var(--theme-muted)!important;
}
body.site-body .related-products-section__head span{color:var(--theme-primary)!important}
body.site-body .catalog-filter-toggle em{
  background:var(--theme-primary)!important;
  color:var(--theme-on-primary)!important;
}
body.site-body .catalog-active-filters a{
  background:color-mix(in srgb,var(--theme-primary) 8%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 24%,var(--theme-border))!important;
  color:var(--theme-primary)!important;
}

/* Postpaid layer */
body.site-body .postpaid-checkout-progress>div.is-active span{
  border-color:var(--theme-primary)!important;
  background:linear-gradient(135deg,var(--theme-secondary),var(--theme-accent))!important;
  color:var(--theme-on-accent)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--theme-primary) 20%,transparent)!important;
}
body.site-body .postpaid-flow-card--lookup{
  background:linear-gradient(145deg,var(--theme-elevated),var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 24%,var(--theme-border))!important;
}
body.site-body .postpaid-service-fixed>span{
  background:color-mix(in srgb,var(--theme-primary) 12%,var(--theme-surface))!important;
  color:var(--theme-primary)!important;
}
body.site-body .postpaid-service-searchbox [data-postpaid-service-search-clear]:hover{
  background:color-mix(in srgb,var(--theme-primary) 12%,var(--theme-surface))!important;
  color:var(--theme-text)!important;
}
body.site-body .postpaid-service-options{scrollbar-color:color-mix(in srgb,var(--theme-primary) 40%,transparent) transparent!important}

/* Footer v9.7. Keep the dedicated footer color, but every child now derives from it instead of purple literals. */
body.site-body .store-footer-v97{
  background:var(--theme-footer)!important;
  border-top-color:color-mix(in srgb,var(--theme-on-footer) 13%,transparent)!important;
  color:var(--theme-on-footer)!important;
}
body.site-body .store-footer-v97:before{
  background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--theme-primary) 10%,transparent),transparent 28%),radial-gradient(circle at 88% 70%,color-mix(in srgb,var(--theme-secondary) 9%,transparent),transparent 30%)!important;
}
body.site-body .store-footer-v97__cta{
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 12%,transparent),color-mix(in srgb,var(--theme-accent) 8%,transparent))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 24%,transparent)!important;
  color:var(--theme-on-footer)!important;
  box-shadow:0 20px 48px color-mix(in srgb,#000 20%,transparent),inset 0 1px color-mix(in srgb,var(--theme-on-footer) 5%,transparent)!important;
}
body.site-body .store-footer-v97__cta-icon{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important;
  color:var(--theme-on-primary)!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--theme-primary) 22%,transparent)!important;
}
body.site-body .store-footer-v97__cta span,
body.site-body .store-footer-v97__contact>span{color:color-mix(in srgb,var(--theme-primary) 76%,var(--theme-on-footer))!important}
body.site-body .store-footer-v97__cta p,
body.site-body .store-footer-v97__brand p,
body.site-body .store-footer-v97__links a,
body.site-body .store-footer-v97__contact small,
body.site-body .store-footer-v97__trust small,
body.site-body .store-footer-v97__bottom>.container{color:color-mix(in srgb,var(--theme-on-footer) 64%,transparent)!important}
body.site-body .store-footer-v97__links h3,
body.site-body .store-footer-v97__contact h3,
body.site-body .store-footer-v97__contact strong,
body.site-body .store-footer-v97__trust strong{color:var(--theme-on-footer)!important}
body.site-body .store-footer-v97__links a:hover{color:var(--theme-primary)!important}
body.site-body .store-footer-v97__socials a,
body.site-body .store-footer-v97__contact>a,
body.site-body .store-footer-v97__trust{
  background:color-mix(in srgb,var(--theme-on-footer) 3%,transparent)!important;
  border-color:color-mix(in srgb,var(--theme-on-footer) 12%,transparent)!important;
  color:color-mix(in srgb,var(--theme-on-footer) 84%,transparent)!important;
}
body.site-body .store-footer-v97__socials a:hover{
  color:var(--theme-primary)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 52%,transparent)!important;
}
body.site-body .store-footer-v97__contact>a>.ui-icon:first-child{color:var(--theme-primary)!important}
body.site-body .store-footer-v97__contact>a>.ui-icon:last-child{color:color-mix(in srgb,var(--theme-on-footer) 44%,transparent)!important}
body.site-body .store-footer-v97__trust>div{border-color:color-mix(in srgb,var(--theme-on-footer) 9%,transparent)!important}
body.site-body .store-footer-v97__trust>div>.ui-icon{color:var(--theme-success)!important}
body.site-body .store-footer-v97__bottom{
  background:color-mix(in srgb,#000 12%,transparent)!important;
  border-top-color:color-mix(in srgb,var(--theme-on-footer) 9%,transparent)!important;
}

/* Bottom navigation */
body.site-body .mobile-bottom-nav a.active:before{
  background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent))!important;
  box-shadow:0 0 15px color-mix(in srgb,var(--theme-primary) 56%,transparent)!important;
}

/* Loading / progress also follows brand theme. */
body.site-body .route-progress{
  background:linear-gradient(90deg,var(--theme-secondary),var(--theme-primary) 55%,var(--theme-accent))!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--theme-primary) 62%,transparent)!important;
}
body.site-body .page-loader__aurora{
  background:conic-gradient(from 45deg,color-mix(in srgb,var(--theme-secondary) 32%,transparent),color-mix(in srgb,var(--theme-accent) 26%,transparent),color-mix(in srgb,var(--theme-warning) 12%,transparent),color-mix(in srgb,var(--theme-secondary) 32%,transparent))!important;
}
body.site-body .page-loader__mark:before,
body.site-body .page-loader__mark:after,
body.site-body .page-loader__mark i:before{
  background:linear-gradient(135deg,var(--theme-secondary),var(--theme-primary) 48%,var(--theme-accent))!important;
}

/* Make Light/Dark mode visually coherent for native/browser-painted elements. */
body.site-body.public-theme-mode-light{background:var(--theme-background)!important;color:var(--theme-text)!important;color-scheme:light}
body.site-body.public-theme-mode-dark{background:var(--theme-background)!important;color:var(--theme-text)!important;color-scheme:dark}

/* === Deep public-page audit: catalog, checkout, information, invoice and flash-sale legacy components === */
body.site-body .store-catalog-hero{
  background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--theme-primary) 10%,transparent),transparent 35%),var(--theme-background)!important;
  color:var(--theme-text)!important;
}
body.site-body .store-product-profile__category{
  background:color-mix(in srgb,var(--theme-primary) 10%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 28%,var(--theme-border))!important;
  color:var(--theme-primary)!important;
}
body.site-body .store-product-profile__cover-glow{
  background:radial-gradient(circle at 25% 45%,color-mix(in srgb,var(--theme-primary) 28%,transparent),transparent 28%),radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--theme-accent) 18%,transparent),transparent 31%)!important;
}
body.site-body .store-product-profile__head:after{
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--theme-primary) 28%,transparent),transparent)!important;
}

body.site-body .checkout-step-card__head>span{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important;
  color:var(--theme-on-primary)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--theme-primary) 20%,transparent)!important;
}
body.site-body .store-variant-option,
body.site-body .store-payment-option,
body.site-body .payment-method-group{
  background:color-mix(in srgb,var(--theme-surface) 97%,var(--theme-primary) 3%)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .store-variant-option:hover,
body.site-body .store-payment-option:hover{
  border-color:color-mix(in srgb,var(--theme-primary) 42%,var(--theme-border))!important;
}
body.site-body .store-variant-option:has(input:checked),
body.site-body .store-payment-option:has(input:checked){
  background:color-mix(in srgb,var(--theme-primary) 9%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 68%,var(--theme-border))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary) 8%,transparent)!important;
}
body.site-body .payment-recommendation{
  background:linear-gradient(90deg,color-mix(in srgb,var(--theme-secondary) 9%,var(--theme-surface)),color-mix(in srgb,var(--theme-primary) 7%,var(--theme-surface)))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 20%,var(--theme-border))!important;
  color:var(--theme-text)!important;
}
body.site-body .payment-recommendation>span,
body.site-body .payment-method-group>header>div>span{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 13%,var(--theme-surface)),color-mix(in srgb,var(--theme-accent) 8%,var(--theme-surface)))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 24%,var(--theme-border))!important;
  color:var(--theme-primary)!important;
}
body.site-body .payment-method-group>header{
  background:color-mix(in srgb,var(--theme-text) 3%,var(--theme-surface))!important;
  border-bottom-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .store-payment-option__logo.is-brand-text:after{
  background:linear-gradient(90deg,var(--theme-secondary),var(--theme-accent))!important;
}
body.site-body .mobile-checkout-bar{
  background:color-mix(in srgb,var(--theme-surface) 96%,transparent)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
  box-shadow:0 -14px 34px var(--theme-shadow-soft)!important;
}
body.site-body .mobile-checkout-bar .btn{box-shadow:0 10px 28px color-mix(in srgb,var(--theme-primary) 22%,transparent)!important}
body.site-body .checkout-flow-status{
  background:color-mix(in srgb,var(--theme-text) 3%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 20%,var(--theme-border))!important;
  color:var(--theme-muted)!important;
}
body.site-body .checkout-flow-status .ui-icon{color:var(--theme-primary)!important}

body.site-body .timeline>div.done i{
  background:var(--theme-success)!important;
  border-color:color-mix(in srgb,var(--theme-success) 62%,var(--theme-border))!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--theme-success) 35%,transparent)!important;
}
body.site-body .success-check{
  background:radial-gradient(circle,color-mix(in srgb,var(--theme-success) 84%,#fff 6%),color-mix(in srgb,var(--theme-success) 58%,var(--theme-background)))!important;
  border-color:color-mix(in srgb,var(--theme-success) 58%,var(--theme-border))!important;
  color:var(--theme-on-success)!important;
  box-shadow:0 0 28px color-mix(in srgb,var(--theme-success) 30%,transparent)!important;
}

/* Information/legal pages */
body.site-body .info-page-shell,
body.site-body .order-lookup-page{
  background:radial-gradient(circle at 18% 25%,color-mix(in srgb,var(--theme-primary) 10%,transparent),transparent 36%),radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--theme-secondary) 7%,transparent),transparent 34%),var(--theme-background)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .info-page-visual,
body.site-body .info-page-summary,
body.site-body .info-page-section,
body.site-body .order-lookup-card{
  background:linear-gradient(145deg,var(--theme-elevated),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
  box-shadow:0 18px 44px var(--theme-shadow-soft)!important;
}
body.site-body .info-page-section:hover{border-color:color-mix(in srgb,var(--theme-primary) 34%,var(--theme-border))!important}
body.site-body .info-page-visual>span{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important;
  color:var(--theme-on-primary)!important;
  box-shadow:0 18px 42px color-mix(in srgb,var(--theme-primary) 25%,transparent)!important;
}
body.site-body .info-page-visual>i{border-color:color-mix(in srgb,var(--theme-primary) 20%,transparent)!important}
body.site-body .info-page-summary>span,
body.site-body .info-page-section>span,
body.site-body .order-lookup-copy__steps b,
body.site-body .order-lookup-card__icon{
  background:color-mix(in srgb,var(--theme-primary) 10%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 24%,var(--theme-border))!important;
  color:var(--theme-primary)!important;
  box-shadow:none!important;
}
body.site-body .info-page-heading__meta span{
  background:color-mix(in srgb,var(--theme-text) 3%,var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-muted)!important;
}

/* Invoice/order state */
body.site-body .order-live-message{
  background:color-mix(in srgb,var(--theme-primary) 6%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 18%,var(--theme-border))!important;
  color:var(--theme-muted)!important;
}
body.site-body .invoice-payment-box{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 9%,var(--theme-surface)),var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 24%,var(--theme-border))!important;
  color:var(--theme-text)!important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--theme-text) 4%,transparent),0 20px 48px var(--theme-shadow-soft)!important;
}
body.site-body .invoice-payment-number button{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important;
  color:var(--theme-on-primary)!important;
}

/* Flash sale keeps urgency, but no longer hard-locks magenta/purple. */
body.site-body .flash-sale-home{
  background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--theme-accent) 15%,transparent),transparent 33%),linear-gradient(125deg,color-mix(in srgb,var(--theme-primary) 12%,var(--theme-background)),color-mix(in srgb,var(--theme-surface) 92%,var(--theme-primary)) 58%,color-mix(in srgb,var(--theme-warning) 10%,var(--theme-background)))!important;
  border-color:color-mix(in srgb,var(--theme-warning) 22%,var(--theme-border))!important;
  color:var(--theme-text)!important;
}
body.site-body .flash-sale-home__bolt{
  background:linear-gradient(135deg,var(--theme-warning),var(--theme-accent))!important;
  color:var(--theme-on-warning)!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--theme-accent) 22%,transparent)!important;
}
body.site-body .flash-product-card__stock i span{background:linear-gradient(90deg,var(--theme-warning),var(--theme-accent))!important}

/* Small accents and loaders */
body.site-body .article-placeholder{background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary) 22%,transparent),transparent)!important}
body.site-body .tag--promo{background:color-mix(in srgb,var(--theme-accent) 14%,var(--theme-surface))!important;color:var(--theme-accent)!important}
body.site-body .tag--update{background:color-mix(in srgb,var(--theme-secondary) 14%,var(--theme-surface))!important;color:var(--theme-secondary)!important}
body.site-body .help-search-pro button{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important;
  color:var(--theme-on-primary)!important;
}
body.site-body .page-loader__spinner{
  border-color:color-mix(in srgb,var(--theme-text) 12%,transparent)!important;
  border-top-color:var(--theme-accent)!important;
  border-right-color:var(--theme-secondary)!important;
}
body.site-body .brand-mark{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--theme-primary) 34%,transparent))!important}
body.site-body ::selection{background:color-mix(in srgb,var(--theme-primary) 42%,transparent);color:var(--theme-text)}

/* Remaining decorative ambient nodes from the legacy bundle. */
body.site-body .ambient__orb--one{background:var(--theme-primary)!important}
body.site-body .ambient__wave{border-color:color-mix(in srgb,var(--theme-primary) 14%,transparent)!important}
body.site-body .ambient__wave--two{border-color:color-mix(in srgb,var(--theme-secondary) 15%,transparent)!important}

/* Floating action shadow was still hardcoded to the original purple. */
body.site-body .floating-chat,
body.site-body .floating-chat--v8{
  box-shadow:0 12px 34px color-mix(in srgb,var(--theme-primary) 30%,transparent)!important;
}