/* Match the regular Retail theme's admin color roles. Heading styles are separate. */
.fashion-storefront .fashion-topbar {
    background:var(--theme-box-background);
    color:var(--theme-box-text);
}
.fashion-storefront .fashion-topbar :is(.top-bar-text,.tf-social-icon a,.tf-social-icon i,.tf-social-icon svg,.fashion-preference-control,.fashion-preference-control select,.fashion-preference-control summary,.fashion-language-value) {
    color:var(--theme-box-text)!important;
}
.fashion-storefront .fashion-topbar .fashion-preference-control { border-color:var(--theme-box-text)!important; }

/* Solid and revealed headers share the footer palette; overlays stay transparent. */
.fashion-storefront #fashion-shell-header .fashion-header {
    --fashion-header-text:var(--theme-footer-text);
    color:var(--fashion-header-text);
    background:var(--theme-footer-background);
}
.fashion-storefront #fashion-shell-header.fashion-header-fixed .fashion-header.header-absolute {
    --fashion-header-text:var(--theme-text);
    background:transparent;
}
.fashion-storefront #fashion-shell-header.fashion-header-fixed.fashion-header-scrolled .fashion-header {
    --fashion-header-text:var(--theme-footer-text);
    background:var(--theme-footer-background);
}
.fashion-storefront #fashion-shell-header .fashion-header :is(.fashion-menu-toggle,.nav-icon-item,.nav-icon-item svg,.nav-icon-item i),
.fashion-storefront #fashion-shell-header .fashion-header .box-nav-ul>.menu-item>.item-link {
    color:var(--fashion-header-text)!important;
}
.fashion-storefront #fashion-shell-header .fashion-header .count-box {
    color:var(--theme-footer-background)!important;
    background:var(--fashion-header-text)!important;
}
/* Header dropdowns continue to use their own normal page palette. */
.fashion-storefront .fashion-header .sub-menu { background:var(--theme-background); color:var(--theme-text); }

.fashion-storefront .fashion-footer :is(h6,.fashion-footer-toggle,.footer-menu_item,.fashion-footer-bottom p,.tf-social-icon a,.tf-social-icon i,.tf-social-icon svg) {
    color:var(--theme-footer-text)!important;
}

/* Regular .widget-wrap-checkout / .tf-page-cart-checkout / .box-card surfaces. */
.fashion-storefront #react-spa-root .fashion-checkout-layout .tf-page-cart-checkout,
.fashion-storefront #react-spa-root .react-cart-summary {
    background:var(--theme-box-background)!important;
    color:var(--theme-box-text)!important;
}
.fashion-storefront #react-spa-root :is(.fashion-checkout-layout .tf-page-cart-checkout,.react-cart-summary) :is(.fashion-checkout-field>label,.total,.total-price,.price,.tf-cart-totals-discounts,.tf-cart-tax,.react-cart-summary__line,.react-cart-shipping,.react-cart-shipping a,.checkout-product-item .variant,.wd-check-payment label,.box-checkbox label) {
    color:var(--theme-box-text)!important;
}
.fashion-storefront #react-spa-root :is(.fashion-checkout-field,.fashion-checkout-coupon,.fashion-auth,.react-cart-note,.react-account-field,.react-address-field) :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea),
.fashion-storefront #react-spa-root #react-product-page .rtd-field {
    color:var(--theme-box-text)!important;
}
.fashion-storefront #react-spa-root :is(.fashion-checkout-field,.fashion-checkout-coupon,.fashion-auth,.react-cart-note,.react-account-field,.react-address-field) :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),textarea)::placeholder,
.fashion-storefront #react-spa-root #react-product-page .rtd-field::placeholder {
    color:var(--theme-box-text)!important;
    opacity:1;
}
/* Searchable country/area controls replace the regular Select2 controls. */
.fashion-storefront #react-spa-root .fashion-search-select .fashion-search-options [role=option] { color:var(--theme-box-text)!important; }
.fashion-storefront #react-spa-root #react-product-page .rtd-qty,
.fashion-storefront #react-spa-root .react-cart-qty {
    background:var(--theme-box-background)!important;
    color:var(--theme-box-text)!important;
}
.fashion-storefront #react-spa-root #react-product-page .rtd-qty :is(input,button),
.fashion-storefront #react-spa-root .react-cart-qty :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),button,span) {
    color:var(--theme-box-text)!important;
    background:transparent!important;
}
.fashion-storefront #react-spa-root :is(.tf-check,input[type=checkbox],input[type=radio]) { accent-color:var(--theme-box-text); }
.fashion-storefront #react-spa-root .tf-check:checked { background-color:var(--theme-box-text)!important; border-color:var(--theme-box-text)!important; }