/* Shared Gear Shop palette. Load last; campaign artwork and the red wordmark stay intact. */
.gear-shop-page {
    --shop-surface:#1b1b1b;
    --shop-panel:#24272a;
    --shop-panel-raised:#323840;
    --shop-ink:#e6e8eb;
    --shop-muted:#b9bec5;
    --shop-photo:#f0ede6;
    --shop-button:#e6d2a6;
    --shop-button-hover:#c5aa76;
    --shop-button-ink:#15191d;
    --shop-secondary:#203647;
    --shop-accent:#afd9eb;
    --shop-frame:var(--shop-panel);
    color:var(--shop-ink);
    background:var(--shop-surface);
}
.gear-shop-page :is(.xfg-shop-header,.xfg-new-arrivals,.xfg-shop-featured,.xfg-shop-collections,.xfg-shop-trending,.xfg-flow-section,.xfg-product-related,.xfg-accessory-search-results,.xfg-accessories-toolbar),
.gear-shop-page.xfg-accessories-page [data-accessories-catalog] { background:var(--shop-surface); }
.gear-shop-page :is(.xfg-shop-navbar,.xfg-shop-drawer,.xfg-shop-search,.xfg-shop-cart,.xfg-shop-mega__panel,.xfg-flow-feature__story,.xfg-flow-carousel .xfg-shop-product,.xfg-accessory-card,.xfg-accessory-search-grid .xfg-shop-product,.xfg-accessories-intro),
.gear-shop-page.xfg-accessories-page [data-accessories-filter-form] { background:var(--shop-panel); }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__panel { background:var(--shop-panel); }
.gear-shop-page :is(.xfg-shop-footer,.xfg-product-zoom,.xfg-product-zoom__header) { background:var(--shop-surface); color:var(--shop-ink); }
.gear-shop-page :is(.xfg-shop-mega__trigger,.xfg-shop-utilities a,.xfg-shop-mega__link,.xfg-shop-drawer__links a,.xfg-shop-drawer__links button,.xfg-shop-drawer__back) { color:var(--shop-ink); }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link { color:var(--shop-ink); }
.gear-shop-page :is(.xfg-shop-section-bar h2,.xfg-shop-heading h2,.xfg-flow-heading,.xfg-product-details h1,.xfg-product-related h2,.xfg-accessories-intro h1,.xfg-accessory-card h2) { color:var(--shop-ink); }
.gear-shop-page :is(.xfg-accessories-intro p,.xfg-accessories-intro > small,.xfg-product-note,.xfg-product-gallery__status,.xfg-product-description,.xfg-accessory-card small,[data-accessories-count]) { color:var(--shop-muted); }
/* Photograph surrounds remain warm and neutral; the images themselves are untouched. */
.gear-shop-page :is(.xfg-flow-carousel .xfg-shop-product__media,.xfg-accessory-card__image,.xfg-accessory-search-grid .xfg-shop-product__media,.xfg-product-gallery__stage,.xfg-product-gallery__thumbnails img,.xfg-product-zoom > img,.xfg-shop-mega__promo > img) { background:var(--shop-photo); }
.gear-shop-page .xfg-product-overlay__media { background:#191a1c; }
/* Cream/gold primary actions use dark text in every state. */
.gear-shop-page :is(.xfg-shop-hero__copy > a,.xfg-flow-feature__story > div > a,.xfg-shop-drop-banner a,.xfg-shop-editorial__copy > a,.xfg-shop-cart > a,.xfg-product-actions > a,.xfg-product-search-form > button),
.gear-shop-page .shop-entry-card > span.shop-entry-card__button,
.gear-shop-page.xfg-accessories-page [data-accessories-filters] > summary {
    background:var(--shop-button);
    border-color:var(--shop-button);
    color:var(--shop-button-ink);
}
.gear-shop-page :is(.xfg-shop-hero__copy > a,.xfg-flow-feature__story > div > a,.xfg-shop-drop-banner a,.xfg-shop-editorial__copy > a,.xfg-shop-cart > a,.xfg-product-actions > a,.xfg-product-search-form > button):is(:hover,:focus-visible),
.gear-shop-page .shop-entry-card > span.shop-entry-card__button:hover,
.gear-shop-page .shop-entry-card:focus-visible > span.shop-entry-card__button,
.gear-shop-page.xfg-accessories-page [data-accessories-filters] > summary:is(:hover,:focus-visible) {
    background:var(--shop-button-hover);
    border-color:var(--shop-button);
    color:var(--shop-button-ink);
}
/* Navy and ice blue identify secondary interaction, without coloring every surface. */
.gear-shop-page .xfg-product-actions > a + a,
.gear-shop-page .xfg-product-actions > a + a:is(:hover,:focus-visible) { background:var(--shop-secondary); border-color:var(--shop-accent); color:var(--shop-accent); }
.gear-shop-page .xfg-shop-mega__trigger:is(:hover,[aria-expanded="true"]),
.gear-shop-page .xfg-shop-drawer__links :is(a,button):is(:hover,:focus-visible),
.gear-shop-page .xfg-shop-drawer__back:is(:hover,:focus-visible) { background:var(--shop-secondary); color:var(--shop-accent); }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link:is(:hover,:focus-visible),
.gear-shop-page .xfg-shop-utilities .xfg-shop-account-button:hover,
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link--all,
.gear-shop-page :is(.xfg-accessories-back,[data-accessories-clear],.xfg-product-breadcrumb a) { color:var(--shop-accent); }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo { background:var(--shop-surface); color:var(--shop-ink); }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo:hover { background:var(--shop-secondary); color:var(--shop-accent); }
.gear-shop-page .xfg-shop-actions button { background:var(--shop-surface); color:var(--shop-ink); }
.gear-shop-page .xfg-shop-actions button:is(:hover,[aria-expanded="true"]) { background:var(--shop-surface); color:var(--shop-ink); }
.gear-shop-page .xfg-product-gallery__thumbnails button { background:var(--shop-panel); color:var(--shop-muted); }
.gear-shop-page .xfg-product-gallery__thumbnails button[aria-pressed="true"] { border-color:var(--shop-accent); box-shadow:inset 0 0 0 1px var(--shop-accent); color:var(--shop-accent); }
.gear-shop-page [data-product-front-back] .xfg-product-view-toggle,
.gear-shop-page [data-accessory-view] .xfg-accessory-view-toggle { background:var(--shop-secondary); border-color:#afd9eb80; border-radius:4px; color:var(--shop-accent); }
.gear-shop-page .xfg-flow-carousel [data-carousel-dots] button::before { background:var(--shop-button); border-color:var(--shop-button); }
.gear-shop-page .xfg-flow-carousel [data-carousel-dots] button:is(.is-active,[aria-current="true"],[aria-pressed="true"])::before { background:transparent; border-color:var(--shop-accent); }
.gear-shop-page.xfg-accessories-page .xfg-accessories-toolbar select,
.gear-shop-page .xfg-shop-search input { background:var(--shop-surface); border-color:#7d899660; color:var(--shop-ink); }
.gear-shop-page :is(.xfg-flow-carousel .xfg-shop-product > a > p,.xfg-shop-mega__column > p,.xfg-shop-footer__bottom) { color:var(--shop-muted); }
/* Scope includes IDs/hooks so older component rules cannot restore yellow focus rings. */
.gear-shop-page :is(.xfg-shop-header,.xfg-shop-footer,.xfg-flow-carousel,.xfg-flow-feature__story,.xfg-product-detail,.xfg-product-breadcrumb,.xfg-product-zoom,.xfg-product-search-form,[data-accessories-catalog],.xfg-accessory-search-grid) :is(a,button,input,select,summary):focus-visible,
.gear-shop-page .shop-entry-card:focus-visible { outline-color:var(--shop-accent); }

/* The reference uses a slight curve, never pill-shaped controls. */
.gear-shop-page :is(.shop-entry-card,.xfg-flow-feature__story,.xfg-flow-carousel .xfg-shop-product,.xfg-accessory-card,.xfg-accessory-search-grid .xfg-shop-product,.xfg-shop-navigation .xfg-shop-mega__promo) { border-radius:4px; }
.gear-shop-page :is(.shop-entry-card__image,.xfg-flow-carousel .xfg-shop-product__media,.xfg-accessory-card__image,.xfg-accessory-search-grid .xfg-shop-product__media) { border-radius:4px 4px 0 0; }
.gear-shop-page :is(.xfg-product-gallery__stage,.xfg-product-gallery__thumbnails button,.xfg-product-gallery__thumbnails img) { border-radius:4px; }
.gear-shop-page .shop-entry-card > span.shop-entry-card__button,
.gear-shop-page :is(.xfg-shop-hero__copy > a,.xfg-flow-feature__story > div > a,.xfg-shop-drop-banner a,.xfg-shop-editorial__copy > a,.xfg-shop-cart > a,.xfg-product-actions > a,.xfg-product-search-form > button,.xfg-product-zoom button,.xfg-product-view-toggle,.xfg-accessory-view-toggle,.xfg-shop-actions button,.xfg-flow-carousel__controls > button,.xfg-shop-search input),
.gear-shop-page.xfg-accessories-page :is([data-accessories-filters] > summary,.xfg-accessories-toolbar select) { border-radius:4px; }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__panel,
.gear-shop-page :is(.xfg-shop-cart,.xfg-product-zoom),
.gear-shop-page.xfg-accessories-page [data-accessories-filter-form] { border-radius:4px; }
