/* Progressive enhancement: essential surfaces remain readable without CSS color-mix. */
@supports not (color:color-mix(in srgb,red,blue)) {
 .storefront-header{background:var(--bg)}
 :root:root .storefront-body .category-tone-1{background:linear-gradient(145deg,var(--category-gold,var(--gold-soft)),var(--soft))}
 :root:root .storefront-body .category-tone-3{background:linear-gradient(145deg,var(--category-accent,var(--accent-soft)),var(--soft))}
 .storefront-body .category-card:before{border-color:var(--line);box-shadow:none}
 .storefront-body .category-card:after{background:var(--surface);opacity:.25;box-shadow:var(--shadow)}
 .storefront-body .category-card small{color:var(--muted)}
 .storefront-body .category-card i{background:var(--surface)}
 .storefront-body :is(.drawer,.search-panel,.review-edit-dialog,.checkout-address-dialog){background:var(--surface)}
 .storefront-body .drawer-backdrop{background:var(--shade)}
 .storefront-body .hero-carousel-controls{background:var(--surface)}
 .storefront-body .hero-shade{background:linear-gradient(90deg,var(--bg),transparent 85%)}
 .storefront-body .card-campaign{border-color:var(--line);background:var(--accent-soft)}
 .storefront-body .card-campaign-dots i{background:var(--muted)}
 .storefront-body .card-campaign-dots i.is-current{background:var(--accent)}
 .storefront-body :is(.profile-completion,.identity-feedback.warning){border-color:var(--warning);background:var(--warning-soft)}
}