:root[data-store-theme="forest"] {
    --store-forest: #173c35;
    --store-green: #326a58;
    --store-accent: #8eaa74;
    --store-mint: #e7f0e9;
    --store-sand: #f7f5ef;
    --store-ink: #1d2925;
    --store-muted: #6d7973;
    --store-line: #e5e9e4;
    --store-page: #fff;
    --store-surface: #fff;
    --store-footer: #f6f7f3;
    --store-radius: 16px;
    --theme-shadow: 0 10px 28px rgba(23,60,53,.08)
}

:root[data-store-theme="ocean"] {
    --store-forest: #064e68;
    --store-green: #0e7380;
    --store-accent: #18a7a0;
    --store-mint: #d7f0ef;
    --store-sand: #e8f6f7;
    --store-ink: #173640;
    --store-muted: #556f78;
    --store-line: #d5e7e8;
    --store-page: #f6fbfb;
    --store-surface: #e8f6f7;
    --store-footer: #eaf5f5;
    --store-radius: 19px;
    --theme-shadow: 0 12px 30px rgba(6,78,104,.11)
}

:root[data-store-theme="midnight"] {
    --store-forest: #14222e;
    --store-green: #49c6b3;
    --store-accent: #49c6b3;
    --store-mint: #243a44;
    --store-sand: #263845;
    --store-ink: #edf4f5;
    --store-muted: #afc0c5;
    --store-line: #3a515a;
    --store-page: #14222e;
    --store-surface: #263845;
    --store-footer: #101c25;
    --store-radius: 12px;
    --theme-shadow: 0 14px 32px rgba(0,0,0,.3)
}

:root[data-store-theme="plum"] {
    --store-forest: #4b2b61;
    --store-green: #775096;
    --store-accent: #b28ad1;
    --store-mint: #eee2f4;
    --store-sand: #f5eff8;
    --store-ink: #30263a;
    --store-muted: #70667a;
    --store-line: #e5d9eb;
    --store-page: #fcf9fd;
    --store-surface: #f5eff8;
    --store-footer: #f4edf7;
    --store-radius: 22px;
    --theme-shadow: 0 12px 30px rgba(75,43,97,.1)
}

:root[data-store-theme="sand"] {
    --store-forest: #65523e;
    --store-green: #765f45;
    --store-accent: #c29a64;
    --store-mint: #e9ddc9;
    --store-sand: #f3eadb;
    --store-ink: #352d24;
    --store-muted: #706458;
    --store-line: #e5dac8;
    --store-page: #fbf8f1;
    --store-surface: #f3eadb;
    --store-footer: #f1e9dc;
    --store-radius: 8px;
    --theme-shadow: 0 8px 22px rgba(101,82,62,.1)
}

:root[data-store-theme="rose"] {
    --store-forest: #763d53;
    --store-green: #94556a;
    --store-accent: #d98da0;
    --store-mint: #f4dfe5;
    --store-sand: #fbf0f2;
    --store-ink: #392830;
    --store-muted: #7a656d;
    --store-line: #ecdde2;
    --store-page: #fffafb;
    --store-surface: #fbf0f2;
    --store-footer: #f8edf0;
    --store-radius: 24px;
    --theme-shadow: 0 12px 30px rgba(118,61,83,.1)
}

:root[data-store-theme="citrus"] {
    --store-forest: #395b16;
    --store-green: #53731d;
    --store-accent: #b1cb35;
    --store-mint: #e8efc8;
    --store-sand: #f4f7df;
    --store-ink: #28351c;
    --store-muted: #657053;
    --store-line: #e1e8c6;
    --store-page: #fbfcf2;
    --store-surface: #f4f7df;
    --store-footer: #f0f4dd;
    --store-radius: 10px;
    --theme-shadow: 0 10px 25px rgba(57,91,22,.1)
}

:root[data-store-theme="arctic"] {
    --store-forest: #315879;
    --store-green: #3f6d90;
    --store-accent: #71b9df;
    --store-mint: #dcedf7;
    --store-sand: #edf6fc;
    --store-ink: #243849;
    --store-muted: #5c6e7c;
    --store-line: #d8e6ef;
    --store-page: #f7fbfe;
    --store-surface: #edf6fc;
    --store-footer: #eaf3f9;
    --store-radius: 14px;
    --theme-shadow: 0 10px 28px rgba(49,88,121,.1)
}

:root[data-store-theme="terracotta"] {
    --store-forest: #823e2e;
    --store-green: #9d5139;
    --store-accent: #d67b50;
    --store-mint: #f2d7c7;
    --store-sand: #faeee6;
    --store-ink: #382820;
    --store-muted: #7b6458;
    --store-line: #ecd9ce;
    --store-page: #fffaf6;
    --store-surface: #faeee6;
    --store-footer: #f6e9df;
    --store-radius: 5px;
    --theme-shadow: 0 9px 24px rgba(130,62,46,.12)
}

:root[data-store-theme="mono"] {
    --store-forest: #252a30;
    --store-green: #525b64;
    --store-accent: #828b96;
    --store-mint: #e2e5e8;
    --store-sand: #f0f1f2;
    --store-ink: #22262a;
    --store-muted: #636a73;
    --store-line: #d9dde0;
    --store-page: #f8f9fa;
    --store-surface: #f0f1f2;
    --store-footer: #eceff1;
    --store-radius: 3px;
    --theme-shadow: 0 5px 18px rgba(25,30,35,.09)
}

:root[data-store-theme="coral"] {
    --store-forest: #713a3c;
    --store-green: #a1514d;
    --store-accent: #f07868;
    --store-mint: #f8dcd2;
    --store-sand: #fff1eb;
    --store-ink: #3f2928;
    --store-muted: #7e6662;
    --store-line: #f0dcd4;
    --store-page: #fffaf7;
    --store-surface: #fff1eb;
    --store-footer: #f9eee7;
    --store-radius: 20px;
    --theme-shadow: 0 12px 28px rgba(113,58,60,.1)
}

:root[data-store-theme="sage"] {
    --store-forest: #365149;
    --store-green: #556c58;
    --store-accent: #9aab7a;
    --store-mint: #e0e4d1;
    --store-sand: #f3f0e6;
    --store-ink: #2b332c;
    --store-muted: #666b5f;
    --store-line: #e3e0d4;
    --store-page: #faf9f4;
    --store-surface: #f3f0e6;
    --store-footer: #efeee4;
    --store-radius: 14px;
    --theme-shadow: 0 9px 24px rgba(54,81,73,.09)
}

body {
    background: var(--store-page);
    color: var(--store-ink)
}

.store-header, .nav-submenu, .header-cart-menu, .header-hover-panel, .account-menu-panel {
    background: var(--store-surface)
}

.store-footer {
    background: var(--store-footer)
}

.home-product-card, .category-product-card, .product-card, .pdp-related-card, .marketplace-panel, .search-toolbar, .search-results-form, .other-store-card, .category-hero, .pdp-image-stage, .pdp-image-thumbs, .cart-page-card, .checkout-card, .profile-card, .wishlist-card, .compare-card {
    background-color: var(--store-surface);
    border-color: var(--store-line)
}

.home-product-card, .category-product-card, .product-card, .pdp-related-card, .marketplace-panel, .search-toolbar, .other-store-card, .cart-page-card, .checkout-card, .profile-card, .wishlist-card, .compare-card {
    box-shadow: var(--theme-shadow)
}

    .home-product-card .product-media, .category-product-card .product-media, .pdp-related-image, .cart-preview-item img {
        background: var(--store-sand)
    }

.store-nav .nav-submenu a:hover, .nav-tree-toggle:hover {
    background: var(--store-mint)
}

.store-nav .nav-submenu a, .store-nav .nav-tree-row > a, .store-nav .nav-tree-item > a {
    color: var(--store-ink)
}

    .store-nav .nav-submenu a:hover, .store-nav .nav-tree-toggle:hover {
        color: var(--store-forest)
    }

:root[data-store-theme="midnight"] .store-nav {
    background: var(--store-surface)
}

:root[data-store-theme="midnight"] .home-product-card .product-title a, :root[data-store-theme="midnight"] .category-product-card .product-title a, :root[data-store-theme="midnight"] .pdp-related-card > strong, :root[data-store-theme="midnight"] .marketplace-heading h2, :root[data-store-theme="midnight"] .pdp-section-heading h2 {
    color: var(--store-ink)
}

:root[data-store-theme="midnight"] .search-results-form, :root[data-store-theme="midnight"] .search-page .search-results-form, :root[data-store-theme="midnight"] .search-filter-chip, :root[data-store-theme="midnight"] .search-sort-label select {
    background: var(--store-surface) !important;
    color: var(--store-ink) !important;
    border-color: var(--store-line) !important
}

/* The selected store theme is loaded after page-level styles in Main.Master.
   Keep page components tied to the same palette instead of their original
   one-off forest/white colors. */
:root[data-store-theme] .announcement {
    background: var(--store-forest);
    color: #fff
}

    :root[data-store-theme] .announcement a, :root[data-store-theme] .announcement span {
        color: inherit
    }

:root[data-store-theme] .category-showcase, :root[data-store-theme] .benefits-strip {
    color: var(--store-ink)
}

    :root[data-store-theme] .category-showcase .title, :root[data-store-theme] .category-showcase .section-kicker, :root[data-store-theme] .benefit-item strong, :root[data-store-theme] .benefit-item small {
        color: var(--store-ink)
    }

:root[data-store-theme] .benefits-strip {
    background: var(--store-surface);
    border-color: var(--store-line)
}

:root[data-store-theme] .benefit-icon, :root[data-store-theme] .category-skeleton {
    background: var(--store-sand);
    border-color: var(--store-line);
    color: var(--store-forest)
}

:root[data-store-theme] .store-header {
    background: var(--store-surface);
    border-color: var(--store-line)
}

:root[data-store-theme] .store-nav a, :root[data-store-theme] .header-action, :root[data-store-theme] .search-row .store-search > i {
    color: var(--store-ink)
}

:root[data-store-theme] .store-footer {
    border-color: var(--store-line)
}

:root[data-store-theme] .category-hero, :root[data-store-theme] .search-hero, :root[data-store-theme] .pdp-promo-strip, :root[data-store-theme] .marketplace-panel, :root[data-store-theme] .other-store-card, :root[data-store-theme] .pdp-image-stage, :root[data-store-theme] .pdp-image-thumbs, :root[data-store-theme] .pdp-reviews-section, :root[data-store-theme] .pdp-review-card, :root[data-store-theme] .pdp-review-editor, :root[data-store-theme] .profile-sidebar, :root[data-store-theme] .profile-panel, :root[data-store-theme] .profile-contact-card, :root[data-store-theme] .profile-order-card, :root[data-store-theme] .profile-address-card, :root[data-store-theme] .profile-review-dialog, :root[data-store-theme] .profile-form-card, :root[data-store-theme] .cart-items-panel, :root[data-store-theme] .cart-summary-card, :root[data-store-theme] .cart-promise, :root[data-store-theme] .checkout-card, :root[data-store-theme] .wishlist-hero, :root[data-store-theme] .wishlist-card, :root[data-store-theme] .wishlist-toolbar, :root[data-store-theme] .compare-card, :root[data-store-theme] .faq-card, :root[data-store-theme] .store-info-card {
    background: var(--store-surface);
    border-color: var(--store-line);
    color: var(--store-ink)
}

:root[data-store-theme] .profile-stat, :root[data-store-theme] .profile-order-status-row, :root[data-store-theme] .profile-order-shipping, :root[data-store-theme] .profile-tip, :root[data-store-theme] .profile-address-card, :root[data-store-theme] .cart-items-footer, :root[data-store-theme] .cart-shipping-note, :root[data-store-theme] .cart-delivery-choice select, :root[data-store-theme] .cart-coupon input, :root[data-store-theme] .cart-coupon button, :root[data-store-theme] .pdp-delivery-note, :root[data-store-theme] .pdp-review-reply, :root[data-store-theme] .pdp-review-type-rating, :root[data-store-theme] .pdp-review-votes button, :root[data-store-theme] .pdp-secondary-actions button, :root[data-store-theme] .search-filter-chip {
    background: var(--store-sand);
    border-color: var(--store-line);
    color: var(--store-ink)
}

:root[data-store-theme] .category-hero h1, :root[data-store-theme] .category-section-heading h2, :root[data-store-theme] .search-hero h1, :root[data-store-theme] .search-results-title, :root[data-store-theme] .pdp-info h1, :root[data-store-theme] .pdp-section-heading h2, :root[data-store-theme] .pdp-review-card h3, :root[data-store-theme] .pdp-review-editor h3, :root[data-store-theme] .marketplace-heading h2, :root[data-store-theme] .profile-heading h1, :root[data-store-theme] .profile-welcome h2, :root[data-store-theme] .profile-section-title h2, :root[data-store-theme] .profile-section-title h3, :root[data-store-theme] .cart-page-heading h1, :root[data-store-theme] .cart-panel-heading h2, :root[data-store-theme] .cart-summary h2, :root[data-store-theme] .checkout-heading h1, :root[data-store-theme] .wishlist-hero h1, :root[data-store-theme] .wishlist-toolbar h2, :root[data-store-theme] .faq-page h1, :root[data-store-theme] .store-info-page h1 {
    color: var(--store-ink)
}

:root[data-store-theme] .category-hero p, :root[data-store-theme] .category-hero .section-kicker, :root[data-store-theme] .category-count, :root[data-store-theme] .category-section-heading .section-kicker, :root[data-store-theme] .search-hero p, :root[data-store-theme] .search-hero .section-kicker, :root[data-store-theme] .pdp-short-description, :root[data-store-theme] .pdp-gallery-note, :root[data-store-theme] .pdp-review-body, :root[data-store-theme] .pdp-review-byline, :root[data-store-theme] .profile-heading p, :root[data-store-theme] .profile-welcome p, :root[data-store-theme] .profile-section-title p, :root[data-store-theme] .profile-stat > span, :root[data-store-theme] .profile-order-overview small, :root[data-store-theme] .profile-order-status-row, :root[data-store-theme] .profile-address-card p, :root[data-store-theme] .cart-page-heading p, :root[data-store-theme] .cart-summary-line, :root[data-store-theme] .cart-delivery-choice label, :root[data-store-theme] .cart-coupon label {
    color: var(--store-muted)
}

    :root[data-store-theme] .category-product-card .product-title a, :root[data-store-theme] .home-product-card .product-title a, :root[data-store-theme] .pdp-related-card > strong, :root[data-store-theme] .subcategory-copy strong, :root[data-store-theme] .profile-identity strong, :root[data-store-theme] .profile-order-overview strong, :root[data-store-theme] .profile-order-item-copy strong, :root[data-store-theme] .profile-order-item-total, :root[data-store-theme] .profile-order-details > strong, :root[data-store-theme] .profile-order-total, :root[data-store-theme] .profile-address-heading strong, :root[data-store-theme] .cart-item-name, :root[data-store-theme] .cart-item-total, :root[data-store-theme] .cart-summary-line strong, :root[data-store-theme] .cart-summary-total > :is(span,strong) {
        color: var(--store-ink)
    }

:root[data-store-theme] .category-breadcrumb, :root[data-store-theme] .category-breadcrumb a, :root[data-store-theme] .profile-breadcrumb, :root[data-store-theme] .profile-breadcrumb a, :root[data-store-theme] .cart-breadcrumb, :root[data-store-theme] .cart-breadcrumb a, :root[data-store-theme] .pdp-breadcrumb, :root[data-store-theme] .pdp-breadcrumb a {
    color: var(--store-muted)
}

:root[data-store-theme] .subcategory-card, :root[data-store-theme] .category-product-card, :root[data-store-theme] .home-product-card, :root[data-store-theme] .product-card, :root[data-store-theme] .pdp-related-card, :root[data-store-theme] .profile-order-action, :root[data-store-theme] .profile-address-actions button, :root[data-store-theme] .cart-order-action {
    background: var(--store-surface);
    border-color: var(--store-line);
    color: var(--store-ink)
}

:root[data-store-theme] .profile-nav button, :root[data-store-theme] .profile-nav a, :root[data-store-theme] .profile-nav button.is-active, :root[data-store-theme] .profile-signout {
    background: var(--store-surface);
    color: var(--store-ink)
}

    :root[data-store-theme] .profile-nav button.is-active {
        background: var(--store-mint)
    }

:root[data-store-theme] .pdp-info :is(.pdp-category,.pdp-rating-note,.pdp-old-price,.pdp-stock-note), :root[data-store-theme] .pdp-price {
    color: var(--store-forest)
}

:root[data-store-theme] .pdp-info :is(.pdp-savings,.pdp-product-badge) {
    background: var(--store-mint);
    color: var(--store-forest)
}

:root[data-store-theme] .profile-primary-button, :root[data-store-theme] .cart-checkout-button, :root[data-store-theme] .cart-primary-button, :root[data-store-theme] .pdp-review-primary, :root[data-store-theme] .pdp-add-cart, :root[data-store-theme] .search-results-form button, :root[data-store-theme] .search-more-wrap button {
    background: var(--store-forest);
    color: #fff
}

:root[data-store-theme] :is(.profile-page,.pdp-page,.category-page,.search-page,.cart-page,.checkout-page,.wishlist-page,.compare-page,.faq-page,.store-info-page) input:not([type=checkbox]):not([type=radio]), :root[data-store-theme] :is(.profile-page,.pdp-page,.category-page,.search-page,.cart-page,.checkout-page,.wishlist-page,.compare-page,.faq-page,.store-info-page) select, :root[data-store-theme] :is(.profile-page,.pdp-page,.category-page,.search-page,.cart-page,.checkout-page,.wishlist-page,.compare-page,.faq-page,.store-info-page) textarea {
    background: var(--store-surface);
    border-color: var(--store-line);
    color: var(--store-ink)
}

/* Midnight uses a dark canvas, so explicitly recolor legacy page rules whose
   original dark-green text becomes unreadable there. */
:root[data-store-theme="midnight"] :is(.category-page,.search-page,.pdp-page,.profile-page,.cart-page,.checkout-page,.wishlist-page,.compare-page,.faq-page,.store-info-page) {
    color: var(--store-ink)
}

    :root[data-store-theme="midnight"] :is(.category-page,.search-page,.pdp-page,.profile-page,.cart-page,.checkout-page,.wishlist-page,.compare-page,.faq-page,.store-info-page) :is(h1,h2,h3,h4,h5,h6,strong,b,label,legend,th,td,.profile-kicker,.profile-empty strong,.profile-address-heading strong,.profile-order-details>strong,.profile-order-total,.profile-order-item-copy strong,.profile-order-item-total,.pdp-category,.pdp-price,.pdp-review-card h3,.pdp-review-editor h3,.category-hero h1,.category-section-heading h2,.search-hero h1) {
        color: var(--store-ink) !important
    }

    :root[data-store-theme="midnight"] :is(.category-page,.search-page,.pdp-page,.profile-page,.cart-page,.checkout-page,.wishlist-page,.compare-page,.faq-page,.store-info-page) :is(p,small,li,time,.profile-nav a,.profile-nav button,.profile-breadcrumb,.category-breadcrumb,.category-count,.section-kicker,.profile-heading p,.profile-welcome p,.profile-section-title p,.pdp-short-description,.pdp-rating-note,.pdp-gallery-note,.pdp-review-body,.pdp-review-byline,.cart-summary-line,.cart-availability,.cart-product-id) {
        color: var(--store-muted) !important
    }

:root[data-store-theme="midnight"] :is(#homeProductsContainer,.home-benefits,.benefits-strip) :is(h1,h2,h3,h4,p,strong,small,.section-kicker) {
    color: var(--store-ink) !important
}

:root[data-store-theme="midnight"] .category-showcase .title, :root[data-store-theme="midnight"] .category-showcase .section-kicker, :root[data-store-theme="midnight"] .benefit-item strong, :root[data-store-theme="midnight"] .benefit-item small {
    color: var(--store-ink) !important
}

:root[data-store-theme="midnight"] .category-skeleton {
    background: var(--store-surface) !important;
    border-color: var(--store-line) !important
}

:root[data-store-theme="midnight"] .pdp-image-stage, :root[data-store-theme="midnight"] .pdp-image-thumbs, :root[data-store-theme="midnight"] .category-hero, :root[data-store-theme="midnight"] .search-hero, :root[data-store-theme="midnight"] .pdp-promo-strip, :root[data-store-theme="midnight"] .marketplace-panel, :root[data-store-theme="midnight"] .pdp-reviews-section, :root[data-store-theme="midnight"] .pdp-review-card, :root[data-store-theme="midnight"] .pdp-review-editor, :root[data-store-theme="midnight"] .profile-sidebar, :root[data-store-theme="midnight"] .profile-panel, :root[data-store-theme="midnight"] .profile-contact-card, :root[data-store-theme="midnight"] .profile-order-card, :root[data-store-theme="midnight"] .profile-address-card, :root[data-store-theme="midnight"] .profile-review-dialog, :root[data-store-theme="midnight"] .cart-items-panel, :root[data-store-theme="midnight"] .cart-summary-card, :root[data-store-theme="midnight"] .cart-promise, :root[data-store-theme="midnight"] .checkout-card, :root[data-store-theme="midnight"] .wishlist-card, :root[data-store-theme="midnight"] .compare-card {
    background-color: var(--store-surface) !important;
    border-color: var(--store-line) !important
}

    :root[data-store-theme="midnight"] .pdp-review-editor input, :root[data-store-theme="midnight"] .pdp-review-editor textarea, :root[data-store-theme="midnight"] .profile-review-dialog input, :root[data-store-theme="midnight"] .profile-review-dialog select, :root[data-store-theme="midnight"] .profile-review-dialog textarea, :root[data-store-theme="midnight"] .profile-form-grid input, :root[data-store-theme="midnight"] .profile-form-grid select {
        background: var(--store-page) !important;
        border-color: var(--store-line) !important;
        color: var(--store-ink) !important
    }

:root[data-store-theme="midnight"] .category-hero, :root[data-store-theme="midnight"] .search-hero {
    background: linear-gradient(120deg,#1d2d38,#243a44) !important
}

:root[data-store-theme="midnight"] #homeProductsContainer .home-product-card, :root[data-store-theme="midnight"] .category-product-card, :root[data-store-theme="midnight"] .pdp-related-card {
    background: var(--store-surface) !important;
    border-color: var(--store-line) !important
}

    :root[data-store-theme="midnight"] .category-product-card .product-media, :root[data-store-theme="midnight"] .home-product-card .product-media, :root[data-store-theme="midnight"] .pdp-related-image {
        background: var(--store-sand) !important
    }

:root[data-store-theme="midnight"] .search-page .search-results-form input[type=search] {
    background: transparent !important;
    color: var(--store-ink) !important
}

    :root[data-store-theme="midnight"] .search-page .search-results-form input[type=search]::placeholder, :root[data-store-theme="midnight"] :is(.profile-page,.pdp-page,.category-page,.search-page,.cart-page,.checkout-page) input::placeholder, :root[data-store-theme="midnight"] :is(.profile-page,.pdp-page,.category-page,.search-page,.cart-page,.checkout-page) textarea::placeholder {
        color: #82969c !important
    }

:root[data-store-theme="midnight"] .profile-nav button.is-active, :root[data-store-theme="midnight"] .profile-stat, :root[data-store-theme="midnight"] .profile-order-status-row, :root[data-store-theme="midnight"] .profile-order-shipping, :root[data-store-theme="midnight"] .profile-tip, :root[data-store-theme="midnight"] .cart-items-footer, :root[data-store-theme="midnight"] .cart-shipping-note, :root[data-store-theme="midnight"] .pdp-delivery-note, :root[data-store-theme="midnight"] .pdp-review-reply, :root[data-store-theme="midnight"] .pdp-review-type-rating {
    background: var(--store-mint) !important
}

:root[data-store-theme="midnight"] .profile-primary-button, :root[data-store-theme="midnight"] .cart-checkout-button, :root[data-store-theme="midnight"] .cart-primary-button, :root[data-store-theme="midnight"] .pdp-review-primary, :root[data-store-theme="midnight"] .pdp-add-cart, :root[data-store-theme="midnight"] .search-results-form button {
    background: var(--store-forest) !important;
    color: #fff !important
}

/* Homepage merchandising uses separate, legacy white panels. Theme the full
   merchandising region and each of its nested shelves/cards as one surface. */
:root[data-store-theme="midnight"] #homeProductsContainer {
    background: var(--store-page) !important;
    color: var(--store-ink) !important
}

    :root[data-store-theme="midnight"] #homeProductsContainer .home-merchandising-intro, :root[data-store-theme="midnight"] #homeProductsContainer .home-featured-area, :root[data-store-theme="midnight"] #homeProductsContainer .home-marketplace-grid-wrap, :root[data-store-theme="midnight"] #homeProductsContainer .home-shelf, :root[data-store-theme="midnight"] #homeProductsContainer .home-category-section {
        background: transparent !important;
        color: var(--store-ink) !important
    }

    :root[data-store-theme="midnight"] #homeProductsContainer .home-square-shelf, :root[data-store-theme="midnight"] #homeProductsContainer .home-mosaic-panel, :root[data-store-theme="midnight"] #homeProductsContainer .home-product-card, :root[data-store-theme="midnight"] #homeProductsContainer .home-mosaic-product, :root[data-store-theme="midnight"] #homeProductsContainer .home-discovery-product {
        background: var(--store-surface) !important;
        border-color: var(--store-line) !important;
        color: var(--store-ink) !important
    }

        :root[data-store-theme="midnight"] #homeProductsContainer .home-product-card .product-media, :root[data-store-theme="midnight"] #homeProductsContainer .home-mosaic-image, :root[data-store-theme="midnight"] #homeProductsContainer .home-discovery-product img {
            background: var(--store-sand) !important
        }

        :root[data-store-theme="midnight"] #homeProductsContainer .home-merchandising-intro :is(h1,p,span), :root[data-store-theme="midnight"] #homeProductsContainer .home-shelf-heading :is(h2,span), :root[data-store-theme="midnight"] #homeProductsContainer .home-category-heading :is(h2,span), :root[data-store-theme="midnight"] #homeProductsContainer .home-mosaic-heading :is(h2,span), :root[data-store-theme="midnight"] #homeProductsContainer .home-mosaic-copy :is(h3,a,.home-mosaic-category), :root[data-store-theme="midnight"] #homeProductsContainer .home-mosaic-price, :root[data-store-theme="midnight"] #homeProductsContainer .home-product-card :is(.product-title a,.product-cat,.product-price), :root[data-store-theme="midnight"] #homeProductsContainer .home-discovery-product :is(strong,small) {
            color: var(--store-ink) !important
        }

        :root[data-store-theme="midnight"] #homeProductsContainer .home-merchandising-intro :is(p,span), :root[data-store-theme="midnight"] #homeProductsContainer .home-shelf-eyebrow, :root[data-store-theme="midnight"] #homeProductsContainer .home-mosaic-category, :root[data-store-theme="midnight"] #homeProductsContainer .home-product-card .product-cat, :root[data-store-theme="midnight"] #homeProductsContainer .home-discovery-product small {
            color: var(--store-muted) !important
        }

        :root[data-store-theme="midnight"] #homeProductsContainer .home-product-card .product-price, :root[data-store-theme="midnight"] #homeProductsContainer .home-mosaic-price {
            color: var(--store-green) !important
        }

    :root[data-store-theme="midnight"] #homeProductsContainer .home-shelf + .home-shelf {
        border-color: var(--store-line) !important
    }

    :root[data-store-theme="midnight"] #homeProductsContainer .home-mosaic-cart, :root[data-store-theme="midnight"] #homeProductsContainer .product-add-cart {
        background: var(--store-forest) !important;
        color: #fff !important
    }

    :root[data-store-theme="midnight"] #homeProductsContainer .home-product-link, :root[data-store-theme="midnight"] #homeProductsContainer .home-shelf-viewall, :root[data-store-theme="midnight"] #homeProductsContainer .home-category-controls > a, :root[data-store-theme="midnight"] #homeProductsContainer .home-mosaic-heading > a {
        color: var(--store-green) !important
    }

/* Apply the active palette to every page hosted by Main.Master. Page styles
   still define layout; this final shared layer owns the canvas, surface and
   text colors so nested legacy white panels cannot leak through a theme. */
:root[data-store-theme] body {
    background-color: var(--store-page) !important;
    color: var(--store-ink);
}

:root[data-store-theme] #main-content {
    color: var(--store-ink);
}

    :root[data-store-theme] #main-content :is(.home-merchandising-intro, .home-featured-area, .home-marketplace-grid-wrap, .home-category-section, .category-page, .search-page, .pdp-page, .profile-page, .cart-page, .checkout-page, .wishlist-page, .compare-page, .faq-page, .store-info-page, .login-page, .store-registration-page) {
        color: var(--store-ink);
    }

    :root[data-store-theme] #main-content :is(.home-square-shelf, .home-mosaic-panel, .home-product-card, .home-mosaic-product, .home-discovery-product, .home-mosaic-copy, .home-product-card .product-body, .category-hero, .subcategory-card, .category-product-card, .search-hero, .search-toolbar, .search-results-form, .pdp-promo-strip, .marketplace-panel, .other-store-card, .pdp-image-stage, .pdp-image-thumbs, .pdp-reviews-section, .pdp-review-card, .pdp-review-editor, .profile-sidebar, .profile-panel, .profile-contact-card, .profile-order-card, .profile-address-card, .profile-review-dialog, .profile-form-card, .profile-stat, .profile-tip, .cart-items-panel, .cart-summary-card, .cart-promise, .cart-empty-state, .checkout-card, .checkout-confirm-card, .checkout-success, .checkout-choice-card, .checkout-payment-option, .checkout-address-card, .wishlist-hero, .wishlist-card, .wishlist-state, .wishlist-stat, .wishlist-filters, .wishlist-toolbar, .compare-card, .faq-card, .faq-contact-card, .faq-empty, .store-info-card, .support-card, .support-ticket-card, .sr-form-card, .login-card, .login-panel) {
        background-color: var(--store-surface) !important;
        border-color: var(--store-line) !important;
        color: var(--store-ink);
    }

    :root[data-store-theme] #main-content :is(.home-product-card .product-media, .home-mosaic-image, .home-discovery-image, .category-product-card .product-media, .subcategory-image, .pdp-image-stage, .pdp-image-thumb, .pdp-related-image, .profile-stat-icon, .cart-empty-icon, .faq-contact-icon, .sr-section-icon, .sr-benefit-icon, .login-icon) {
        background-color: var(--store-sand) !important;
        border-color: var(--store-line) !important;
    }

    :root[data-store-theme] #main-content :is(.home-mosaic-heading h2, .home-shelf-heading h2, .home-category-heading h2, .home-merchandising-intro h1, .home-product-card .product-title a, .home-mosaic-copy h3 a, .home-mosaic-price, .home-discovery-product strong, .category-hero h1, .category-section-heading h2, .subcategory-copy strong, .category-product-card .product-title a, .search-hero h1, .search-results-title, .pdp-info h1, .pdp-section-heading h2, .pdp-review-card h3, .pdp-review-editor h3, .pdp-related-card strong, .profile-heading h1, .profile-welcome h2, .profile-section-title h2, .profile-section-title h3, .profile-identity strong, .profile-order-details strong, .profile-order-total, .cart-page-heading h1, .cart-panel-heading h2, .cart-summary h2, .cart-item-name, .cart-item-total, .checkout-heading h1, .checkout-card h2, .wishlist-hero h1, .wishlist-toolbar h2, .wishlist-stat strong, .compare-page h1, .faq-page h1, .faq-card h2, .store-info-page h1, .ou-policy h2, .sr-hero h1, .sr-form-heading h2, .login-page h1) {
        color: var(--store-ink) !important;
    }

    :root[data-store-theme] #main-content :is(.home-shelf-eyebrow, .home-mosaic-heading span, .home-mosaic-category, .home-merchandising-intro p, .home-product-card .product-cat, .home-discovery-product small, .category-hero p, .category-hero .section-kicker, .category-count, .search-hero p, .search-hero .section-kicker, .pdp-short-description, .pdp-gallery-note, .pdp-review-body, .pdp-review-byline, .profile-heading p, .profile-welcome p, .profile-section-title p, .profile-stat > span, .cart-page-heading p, .cart-summary-line, .cart-delivery-choice label, .cart-coupon label, .faq-page p, .faq-eyebrow, .store-info-page p, .ou-label, .ou-lead, .sr-hero p, .sr-eyebrow, .login-page p) {
        color: var(--store-muted) !important;
    }

    :root[data-store-theme] #main-content :is(.home-product-card .product-price, .home-mosaic-price, .pdp-price, .pdp-category, .profile-order-item-total, .profile-order-total, .cart-summary-total strong, .cart-item-total, .checkout-total) {
        color: var(--store-forest) !important;
    }

    :root[data-store-theme] #main-content :is(.home-merchandising-intro, .home-featured-area, .home-marketplace-grid-wrap, .home-category-section) {
        background: transparent !important;
    }

    :root[data-store-theme] #main-content :is(.home-product-card, .home-mosaic-product, .home-discovery-product, .category-product-card, .subcategory-card, .pdp-related-card, .marketplace-panel, .other-store-card, .profile-card, .profile-order-card, .profile-address-card, .cart-items-panel, .cart-summary-card, .cart-promise, .checkout-card, .checkout-success, .wishlist-card, .wishlist-state, .wishlist-stat, .compare-card, .faq-card, .store-info-card, .support-card, .support-ticket-card, .sr-form-card, .login-card, .login-panel) {
        box-shadow: var(--theme-shadow);
    }

    :root[data-store-theme] #main-content :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
        background-color: var(--store-surface) !important;
        border-color: var(--store-line) !important;
        color: var(--store-ink) !important;
    }

    :root[data-store-theme] #main-content :is(input, textarea)::placeholder {
        color: var(--store-muted) !important;
        opacity: .8;
    }

    :root[data-store-theme] #main-content :is(.home-mosaic-cart, .product-add-cart, .pdp-add-cart, .profile-primary-button, .cart-checkout-button, .cart-primary-button, .checkout-primary-button, .wishlist-button-primary, .search-results-form button, .search-more-wrap button, .sr-submit-button, .login-submit) {
        background-color: var(--store-forest) !important;
        border-color: var(--store-forest) !important;
        color: #fff !important;
    }

    :root[data-store-theme] #main-content :is(.home-product-link, .home-shelf-viewall, .home-category-controls > a, .home-mosaic-heading > a, .profile-text-link, .cart-text-link, .store-info-page a, .faq-page a) {
        color: var(--store-green);
    }

    :root[data-store-theme] #main-content a {
        color: var(--store-green);
    }

    :root[data-store-theme] #main-content :is(.profile-primary-button, .cart-checkout-button, .cart-primary-button, .checkout-primary-button, .wishlist-button-primary, .sr-submit-button, .login-submit) {
        color: #fff !important;
    }

    :root[data-store-theme] #main-content :is(.category-filter-toggle, .category-filter-clear, .category-filter-sidebar-heading button, .category-color-option, .search-sort-label select, .wishlist-filters button, .profile-order-action, .profile-address-actions button, .cart-order-action, .checkout-add-address, .checkout-confirm-secondary, .support-ticket-toggle) {
        background-color: var(--store-surface);
        border-color: var(--store-line);
        color: var(--store-ink);
    }

:root[data-store-theme="midnight"] #main-content :is(.home-product-card .product-body, .home-mosaic-copy, .home-mosaic-panel, .home-square-shelf, .home-marketplace-grid-wrap, .home-featured-area, .home-category-section, .sr-hero, .sr-form-intro, .faq-hero, .faq-results-heading, .login-hero) {
    background-color: transparent !important;
}

:root[data-store-theme="midnight"] #main-content :is(.home-mosaic-copy, .home-mosaic-panel, .home-square-shelf, .home-product-card, .home-mosaic-product, .home-discovery-product, .category-product-card, .subcategory-card, .profile-stat, .cart-empty-state, .checkout-choice-card, .checkout-payment-option, .checkout-address-card, .wishlist-state, .wishlist-stat, .wishlist-filters, .faq-contact-card, .support-card, .support-ticket-card, .sr-form-card, .login-card, .login-panel) {
    background-color: var(--store-surface) !important;
    color: var(--store-ink) !important;
}

/* Keep the shared, cross-page hero on the selected page canvas. The banner
   image itself remains edge-to-edge at its intended 1920:650 proportion. */
:root[data-store-theme] .intro-slider-container {
    width: 100%;
    max-width: none;
    margin: 0 auto 3.2rem;
    padding: 0;
    background: transparent !important;
}

:root[data-store-theme] #bannerContainer.swiper {
    height: auto !important;
    min-height: 0;
    aspect-ratio: 1920 / 650;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
}

:root[data-store-theme] #bannerContainer .swiper-wrapper {
    height: 100% !important;
}

:root[data-store-theme] #bannerContainer .swiper-slide {
    height: 100% !important;
}

:root[data-store-theme] #bannerContainer .banner-link {
    display: block;
    width: 100%;
    height: 100%;
}

:root[data-store-theme] #bannerContainer .banner-card {
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto;
    border: 0;
    border-radius: 0;
    background-color: transparent;
}

:root[data-store-theme] #bannerContainer .banner-image {
    background: transparent;
}

@media (max-width: 767px) {
    :root[data-store-theme] #bannerContainer.swiper {
        height: clamp(260px, 75vw, 360px) !important;
        min-height: 260px;
        aspect-ratio: auto;
    }
}

/* Sign-in, seller onboarding, and support use their own legacy page styles;
   include their inner panels and fields in the same shared theme pass. */
:root[data-store-theme] #main-content :is(.login-form-panel, .signin-panel, .signup-panel, .forgot-panel, .login-password-panel, .login-otp-panel, .sr-form-intro, .sr-floating-card, .sr-benefit, .sr-field, .sr-field input, .sr-field select, .sr-field textarea, .sr-input-wrap, .faq-hero, .faq-results-heading, .faq-group, .faq-question, .faq-answer, .support-chat-log, .support-message, .support-chat-form, .support-ticket-toggle, .support-ticket-details) {
    border-color: var(--store-line);
    color: var(--store-ink);
}

/*:root[data-store-theme] #main-content :is(.login-form-panel, .signin-panel, .signup-panel, .forgot-panel, .login-password-panel, .login-otp-panel, .sr-form-intro, .sr-floating-card, .sr-benefit, .faq-hero, .faq-group, .faq-question, .faq-answer, .support-chat-log, .support-message, .support-chat-form, .support-ticket-toggle, .support-ticket-details) {
    background-color: var(--store-surface);
}*/

:root[data-store-theme="midnight"] #main-content :is(.login-page, .store-registration-page, .faq-page, .store-info-page) {
    background-color: transparent;
}

:root[data-store-theme="midnight"] #main-content :is(.sr-hero, .faq-hero) {
    background: linear-gradient(135deg, var(--store-surface), var(--store-mint)) !important;
    border-color: var(--store-line);
}

:root[data-store-theme="midnight"] #main-content :is(.sr-hero, .sr-hero *) {
    color: var(--store-ink);
}

    :root[data-store-theme="midnight"] #main-content :is(.sr-hero, .sr-hero *) :is(.sr-hero h1, .sr-benefit strong, .sr-floating-card strong) {
        color: var(--store-ink) !important;
    }

:root[data-store-theme] #main-content :is(.faq-list, .faq-item, .faq-item summary, .faq-answer, .faq-empty, .faq-contact-card, .faq-search) {
    background-color: var(--store-surface);
    border-color: var(--store-line);
    color: var(--store-ink);
}

:root[data-store-theme] #main-content .faq-item summary {
    color: var(--store-ink) !important;
}

    :root[data-store-theme] #main-content .faq-item summary i,
    :root[data-store-theme] #main-content .faq-search kbd {
        background-color: var(--store-mint);
        border-color: var(--store-line);
        color: var(--store-forest);
    }

:root[data-store-theme] #main-content .faq-answer,
:root[data-store-theme] #main-content .faq-contact-card p {
    color: var(--store-muted) !important;
}

:root[data-store-theme] #main-content .faq-search input {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--store-ink) !important;
}

:root[data-store-theme] #main-content :is(.sr-form-intro h2, .sr-form-heading h3, .sr-field > label, .sr-submit-note, .sr-location-heading, .sr-section-heading) {
    color: var(--store-ink) !important;
}

:root[data-store-theme] #main-content :is(.sr-form-intro p, .sr-form-heading p, .sr-field-hint, .sr-file-name, .sr-bottom-note, .sr-location-status, .sr-documents-note) {
    color: var(--store-muted) !important;
}

/* Keep shared chrome and utility panels on the active store palette. */
:root[data-store-theme]:not([data-store-theme="forest"]) :is(.store-header, .store-nav, .nav-submenu, .header-cart-menu, .header-hover-panel, .account-menu-panel) {
    background-color: var(--store-surface) !important;
    border-color: var(--store-line);
}

:root[data-store-theme]:not([data-store-theme="forest"]) .store-footer {
    background-color: var(--store-footer) !important;
    color: var(--store-ink);
}

    :root[data-store-theme]:not([data-store-theme="forest"]) .store-footer :is(h1, h2, h3, h4, p, span, small, li, a:not(:hover)) {
        color: inherit;
    }

    :root[data-store-theme]:not([data-store-theme="forest"]) .store-footer a:hover,
    :root[data-store-theme]:not([data-store-theme="forest"]) .store-footer a:focus-visible {
        color: var(--store-green);
    }

:root[data-store-theme]:not([data-store-theme="forest"]) .footer-utility-button {
    background-color: var(--store-surface);
    border-color: var(--store-line);
    color: var(--store-green);
}

:root[data-store-theme]:not([data-store-theme="forest"]) :is(.cookie-notice, .site-bot-panel, .support-chat-card, .support-ticket-details, .modal-content, .dropdown-menu) {
    background-color: var(--store-surface) !important;
    border-color: var(--store-line) !important;
    color: var(--store-ink) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) :is(.site-bot-log, .support-chat-log) {
    background-color: var(--store-page) !important;
    border-color: var(--store-line) !important;
    color: var(--store-ink) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) :is(.site-bot-message, .site-bot-product, .support-message, .support-ticket-card, .site-bot-compose, .site-bot-suggestions button, .support-suggestions button) {
    background-color: var(--store-surface) !important;
    border-color: var(--store-line) !important;
    color: var(--store-ink) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) :is(.site-bot-message.is-user, .support-message.is-user) {
    background-color: var(--store-mint) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) :is(.site-bot-message-label, .site-bot-product span, .site-bot-status, .site-bot-ticket, .site-bot-faq-link, .support-ticket-submit span, .support-ticket-form label, .support-setup-note) {
    color: var(--store-muted) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) :is(.site-bot-header, .site-bot-compose button, .support-chat-form button, .support-ticket-form button, .cookie-notice button:not(.cookie-notice-essential)) {
    background-color: var(--store-forest) !important;
    border-color: var(--store-forest) !important;
    color: #fff !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) :is(.cookie-notice .cookie-notice-essential, .support-ticket-shortcut) {
    background-color: var(--store-surface) !important;
    border-color: var(--store-line) !important;
    color: var(--store-green) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.bg-white, .modal-content, .dropdown-menu, .card) {
    background-color: var(--store-surface) !important;
    border-color: var(--store-line);
    color: var(--store-ink);
}

/* The comparison table and product-import tools have independent legacy
   styles, so theme their complete surfaces and their text explicitly. */
:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.compare-state, .compare-content, .compare-toolbar, .compare-product-card, .compare-table th, .compare-table td, .compare-remove, .compare-secondary-button, .compare-clear-button, .product-import-hero, .product-import-search-panel, .product-import-card, .product-import-empty, .product-import-details, .product-import-detail-field, .product-import-image-grid a, .product-import-pagination button, .product-import-text-button, .product-import-view-button) {
    background-color: var(--store-surface) !important;
    border-color: var(--store-line) !important;
    color: var(--store-ink);
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.compare-table, .compare-table th, .compare-table td) {
    border-color: var(--store-line) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content .compare-section-row th {
    background-color: var(--store-mint) !important;
    color: var(--store-ink) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.compare-breadcrumb, .compare-breadcrumb a, .compare-heading p, .compare-state p, .compare-toolbar span, .compare-muted, .compare-description, .compare-mobile-hint, .compare-rating small, .product-import-breadcrumb, .product-import-eyebrow, .product-import-hero p, .product-import-field, .product-import-status:not(.is-error), .product-import-pagination, .product-import-brand, .product-import-empty, .product-import-detail-header p, .product-import-detail-field span, .product-import-detail-block dt, .product-import-detail-block ul, .product-import-loading) {
    color: var(--store-muted) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.compare-heading h1, .compare-state h2, .compare-label-cell strong, .compare-product-card h2, .compare-product-price, .compare-section-row th, .product-import-hero h1, .product-import-section-heading h2, .product-import-card h3, .product-import-price, .product-import-empty strong, .product-import-detail-header h3, .product-import-image-group h3, .product-import-detail-block h3, .product-import-detail-field strong, .product-import-detail-block dd) {
    color: var(--store-ink) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.compare-continue, .compare-product-price, .product-import-price) {
    color: var(--store-green) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.compare-product-image, .compare-state-icon, .compare-notice, .product-import-hero-mark, .product-import-card-image, .product-import-detail-field, .product-import-image-grid a) {
    background-color: var(--store-mint) !important;
    border-color: var(--store-line) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.compare-primary-button, .product-import-primary) {
    background-color: var(--store-forest) !important;
    border-color: var(--store-forest) !important;
    color: #fff !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.sr-hero, .login-hero) {
    background: linear-gradient(135deg, var(--store-sand), var(--store-mint)) !important;
    border-color: var(--store-line);
    color: var(--store-ink);
}

    :root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.sr-hero, .login-hero) :is(h1, h2, h3, p, span, strong, small) {
        color: var(--store-ink);
    }

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.store-info-content, .store-info-content h2, .store-info-back, .support-card h2, .support-ticket-card h2, .support-ticket-details summary strong) {
    color: var(--store-ink) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content .store-info-back {
    border-color: var(--store-line);
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content .error-page {
    background-color: var(--store-surface) !important;
    border-color: var(--store-line) !important;
    color: var(--store-ink);
}

    :root[data-store-theme]:not([data-store-theme="forest"]) #main-content .error-page :is(h1, p, .section-kicker) {
        color: var(--store-ink) !important;
    }

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content .error-page-actions a {
    background-color: var(--store-forest) !important;
    border-color: var(--store-forest) !important;
    color: #fff !important;
}

    :root[data-store-theme]:not([data-store-theme="forest"]) #main-content .error-page-actions a + a {
        background-color: var(--store-surface) !important;
        color: var(--store-green) !important;
    }

/* Midnight uses its supplied teal accent for filled actions and prices. The
   dark primary remains the page canvas and the text color on those actions. */
:root[data-store-theme="midnight"] :is(.site-bot-toggle, .floating-contact, .site-bot-compose button, .cookie-notice button:not(.cookie-notice-essential)) {
    background-color: var(--store-accent) !important;
    border-color: var(--store-accent) !important;
    color: var(--store-page) !important;
}

:root[data-store-theme="midnight"] #main-content :is(.home-mosaic-cart, .product-add-cart, .pdp-add-cart, .profile-primary-button, .cart-checkout-button, .cart-primary-button, .checkout-primary-button, .wishlist-button-primary, .search-results-form button, .search-more-wrap button, .sr-submit-button, .login-submit, .compare-primary-button, .product-import-primary, .support-chat-form button, .support-ticket-form button) {
    background-color: var(--store-accent) !important;
    border-color: var(--store-accent) !important;
    color: var(--store-page) !important;
}

:root[data-store-theme="midnight"] #main-content :is(.home-product-card .product-price, .home-mosaic-price, .pdp-price, .pdp-category, .profile-order-item-total, .profile-order-total, .cart-summary-total strong, .cart-item-total, .checkout-total, .compare-product-price, .product-import-price) {
    color: var(--store-green) !important;
}

:root[data-store-theme="midnight"] #main-content .error-page-actions a:first-child {
    background-color: var(--store-accent) !important;
    border-color: var(--store-accent) !important;
    color: var(--store-page) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.category-filter-sidebar, .category-filter-sidebar-heading button, .category-filter-clear, .category-color-option, .fulfilment-option, .checkout-address-card, .checkout-google-address-mount, .checkout-add-address, .checkout-confirm-secondary, .cart-qty-stepper, .cart-preview-item) {
    background-color: var(--store-surface) !important;
    border-color: var(--store-line) !important;
    color: var(--store-ink);
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content :is(.category-filter-sidebar-heading, .category-filters label, .category-color-filter, .category-filter-count, .checkout-address-card p, .checkout-address-card small, .cart-qty-stepper .cart-qty-value) {
    color: var(--store-muted) !important;
}

:root[data-store-theme]:not([data-store-theme="forest"]) #main-content .cart-qty-stepper button {
    background-color: var(--store-mint) !important;
    color: var(--store-ink) !important;
}

/* Keep product details legible when a non-light storefront palette is active. */
:root[data-store-theme] #main-content .pdp-redesign .pdp-description-section {
    background-color: var(--store-surface);
    border-color: var(--store-line);
    color: var(--store-ink);
}

:root[data-store-theme] #main-content .pdp-redesign .pdp-description,
:root[data-store-theme] #main-content .pdp-redesign .pdp-description :is(p, li, strong, b, td) {
    color: var(--store-ink);
}

    :root[data-store-theme] #main-content .pdp-redesign .pdp-description :is(h2, h3, h4, h5, .a-color-base) {
        color: var(--store-ink) !important;
    }

    :root[data-store-theme] #main-content .pdp-redesign .pdp-description .a-color-secondary {
        color: var(--store-muted) !important;
    }

    :root[data-store-theme] #main-content .pdp-redesign .pdp-description .prodDetTable th {
        background-color: var(--store-sand);
        color: var(--store-muted);
    }

    :root[data-store-theme] #main-content .pdp-redesign .pdp-description .prodDetTable td {
        color: var(--store-ink);
    }

.store-visit-link {
    color: #FFF !important;
}