:root {
	--button-text: #102c29;
	--soft-highlight: #173e38;
}

html[data-color-mode="dark"] { color-scheme: dark; }
html[data-color-mode="light"] {
	color-scheme: light;
	--background: #ffffff;
	--surface: #f6f8f7;
	--surface-raised: #edf2f0;
	--line: #d7e1dd;
	--text: #1b302b;
	--muted: #596b65;
	--accent: #cb3057;
	--mint: #066d63;
	--button-text: #ffffff;
	--soft-highlight: #e2f3ee;
}

.top-actions .color-mode-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex: 0 0 auto;
	min-height: 40px;
	padding: 5px 9px;
	border: 1px solid var(--line);
	border-radius: 6px;
	color: var(--text);
	background: var(--surface);
	font-size: 12px;
	white-space: nowrap;
}
.color-mode-toggle [data-color-mode-icon] { font-size: 21px; line-height: 1; }
.top-actions .color-mode-toggle:hover { border-color: var(--mint); color: var(--mint); }
.color-mode-toggle:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }

html[data-color-mode] :is(.site-footer, .footer-reviews, .footer-main, .site-footer .footer-main, .footer-bottom) { color: var(--text); background: var(--surface); border-color: var(--line); }
html[data-color-mode] :is(.footer-review-summary h2, .footer-review-card strong, .footer-column-title, .footer-link-list a, .footer-email, .footer-bottom a) { color: var(--text); }
html[data-color-mode] :is(.footer-review-summary > span, .footer-review-card p, .footer-review-card small, .footer-description, .footer-bottom, .footer-bottom p) { color: var(--muted); }
html[data-color-mode] :is(.footer-review-card, .footer-main, .footer-bottom) { border-color: var(--line); }
html[data-color-mode] .business-primary { color: var(--button-text); background: var(--mint); }
html[data-color-mode] .business-primary:hover { filter: brightness(1.08); }

html[data-color-mode="light"] :is(.sidebar, .topbar, .catalog-toolbar, .category-nav, .product-filters, .locale-menu, .mobile-menu) { color: var(--text); background: var(--background); border-color: var(--line); }
html[data-color-mode="light"] :is(.side-nav a, .contact-card, .locale-button, .wishlist-button, .quiet-button, .account-button, .mobile-menu-toggle, .category-arrow, .quick-filter, .reset-filters, .product-filters label, .product-filters label select, .category-filter) { color: var(--text); background: var(--surface); border-color: var(--line); }
html[data-color-mode="light"] :is(.side-nav a.active, .side-nav a:hover, .mobile-menu a.active, .mobile-menu a:hover, .quick-filter.active, .category-filter.active) { color: var(--mint); background: var(--soft-highlight); border-color: var(--mint); }
html[data-color-mode="light"] :is(.contact-card-body strong, .sidebar-contact > strong, .locale-copy strong, .wishlist-copy strong, .mobile-menu a, .catalog-toolbar a, .category-nav h2) { color: var(--text); }
html[data-color-mode="light"] :is(.contact-card-body small, .locale-copy small, .wishlist-copy small, .sidebar-contact > a) { color: var(--muted); }
html[data-color-mode="light"] :is(.bag-button, .filter-button, .product-buy, .card-add-to-cart) { color: var(--button-text); background: var(--mint); }
html[data-color-mode="light"] .service-point-copy small { color: #625f59; }
html[data-color-mode="light"] .search-box button { color: #fff; background: #c34b1d; }
html[data-color-mode="light"] .search-box button:hover { background: #a73d15; }
html[data-color-mode="light"] .search-box input::placeholder { color: var(--muted); opacity: 1; }
html[data-color-mode="light"] .product-filters label > span { color: var(--muted); border-color: var(--line); }
html[data-color-mode="light"] .locale-menu a { color: var(--text); background: var(--surface); border-color: var(--line); }
html[data-color-mode="light"] .locale-menu a:is(:hover, :focus-visible) { color: var(--mint); background: var(--soft-highlight); }
html[data-color-mode="light"] :is(.quick-filter, .category-filter, .reset-filters, .quiet-button, .account-button, .locale-button):is(:hover, :focus-visible) { color: var(--mint); background: var(--soft-highlight); border-color: var(--mint); }
html[data-color-mode="light"] :is(.search-box button, .video-shop, .primary-link, .business-band > a, .quick-filter, .category-filter, .reset-filters, .business-primary):focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }

html[data-color-mode="light"] :is(.featured-video, .video-choice, .accessory-product-choice, .product-card, .clearance-section, .clearance-card, .business-band, .company-section article, .announcement-notice, .business-hero, .case-card, .capability-grid article, .project-process li, .quality-flow, .business-cta, .page-editor-content, .case-filter) { color: var(--text); background: var(--surface); border-color: var(--line); }
html[data-color-mode="light"] :is(.product-photo, .clearance-photo, .video-stage, .business-hero-visual) { background: var(--surface-raised); }
html[data-color-mode="light"] :is(.product-card h3, .product-card a, .video-choice strong, .accessory-product-choice strong, .clearance-card h3, .case-card h3, .capability-grid h3, .company-section h3, .case-card summary, .about-metrics strong) { color: var(--text); }
html[data-color-mode="light"] :is(.video-choice p, .video-choice small, .product-card p, .clearance-card p, .page-editor-content) { color: var(--muted); }
html[data-color-mode="light"] .announcement-notice strong { color: var(--text); }
html[data-color-mode="light"] .business-hero-stat { color: #fff; background: #172d28e8; }
html[data-color-mode="light"] .business-hero-stat span { color: #e4eeea; }
html[data-color-mode="light"] :is(.video-play-button, .play-mark, .gallery-counter) { color: #fff; }
html[data-color-mode="light"] :is(.video-shop, .primary-link) { color: var(--button-text); background: var(--accent); }
html[data-color-mode="light"] :is(.business-band > a, .product-badge, .gallery-badge, .gallery-video-mark) { color: var(--button-text); background: var(--mint); }
html[data-color-mode="light"] :is(.video-shop, .primary-link, .business-band > a):hover { text-decoration: underline; text-underline-offset: 3px; }
html[data-color-mode="light"] :is(.product-row > strong, .clearance-empty > strong) { color: var(--text); }
html[data-color-mode="light"] :is(.product-empty, .clearance-empty) { border-color: var(--line); }
html[data-color-mode="light"] :is(.video-choice, .accessory-product-choice, .case-filter):is(:hover, :focus-visible, .active) { color: var(--text); background: var(--soft-highlight); border-color: var(--mint); }
html[data-color-mode="light"] :is(.footer-kicker, .footer-brand-name, .footer-stars) { color: var(--mint); }
html[data-color-mode="light"] .content-entry { color: var(--text); }
html[data-color-mode="light"] :is(.content-entry h1, .commerce-content h1, .woocommerce div.product .product_title, .woocommerce div.product .woocommerce-tabs h2) { color: var(--text); }
html[data-color-mode="light"] .form-notice.success { color: var(--mint); background: var(--soft-highlight); border-color: var(--mint); }
html[data-color-mode="light"] .form-notice.error { color: #a4213f; background: #fff0f3; border-color: #c77589; }

html[data-color-mode="light"] :is(.purchase-page-nav, .purchase-page-section, .purchase-packaging > div) { border-color: var(--line); }
html[data-color-mode="light"] .purchase-page-nav a { color: var(--text); }
html[data-color-mode="light"] .purchase-packaging dt { color: var(--muted); }
html[data-color-mode="light"] #product-dialog.product-detail { color: var(--text); background: var(--background); border-color: var(--line); }
html[data-color-mode="light"] #product-dialog :is(.detail-gallery-column, .detail-content, .detail-toolbar, .detail-related, .detail-related-item, .detail-related-image, .detail-tier-prices, .detail-tier-prices > span, .detail-share-panel, .detail-bulk-panel, .detail-quote) { color: var(--text); background: var(--surface); border-color: var(--line); }
html[data-color-mode="light"] #product-dialog :is(.gallery-main, .gallery-main > img, .gallery-main > video, .gallery-thumbnail, .detail-selection-product img) { background: var(--surface-raised); }
html[data-color-mode="light"] #product-dialog :is(.detail-information, .detail-packaging-group, .sales-contact, .sales-contact-actions, .detail-subtotal, .detail-selection, .detail-options, .detail-model-options, .detail-product-heading, .detail-related-heading) { border-color: var(--line); }
html[data-color-mode="light"] #product-dialog :is(#dialog-title, .detail-information h3, .detail-packaging-group h4, .sales-contact h3, .sales-contact-code strong, .detail-product-code strong, .detail-option-heading, .detail-option-heading strong, .detail-selection-product strong, .detail-bulk-toggle, .detail-related-item h4, .detail-related-item > a, .detail-related-item strong, .detail-price-section h3) { color: var(--text); }
html[data-color-mode="light"] #product-dialog :is(#dialog-copy, .detail-specs dt, .detail-subtotal small, .sales-contact-code, .sales-contact h3 span, .sales-contact-email-row > a, .sales-contact-actions a, .detail-product-code, .detail-price > span, .detail-price del, .detail-price-section > p, .detail-selection-product span, .detail-quantity label, .detail-support, .detail-related-heading > span, .detail-related-empty, .detail-share-panel p, .detail-share-panel label, .detail-quantity-tiers span) { color: var(--muted); }
html[data-color-mode="light"] #product-dialog :is(.dialog-close, .detail-product-actions button, .detail-product-actions a, .dialog-color-button, .dialog-size-button, .detail-quantity-tiers > button, .model-option-toolbar > button, .detail-stepper > *, .detail-related-options select, .detail-related-options input, .detail-related-quantity input, .detail-country-inline select, .destination-country-toggle, #dialog-variation-options select, .detail-share-panel input, .detail-share-panel textarea) { color: var(--text); background: var(--background); border-color: var(--line); }
html[data-color-mode="light"] #product-dialog :is(.dialog-color-button.active, .dialog-size-button.active, .detail-quantity-tiers > button.active, .detail-product-actions button[aria-pressed="true"]) { color: var(--mint); background: var(--soft-highlight); border-color: var(--mint); }
html[data-color-mode="light"] #product-dialog :is(#dialog-add, .model-option-toolbar > .model-primary-button) { color: var(--button-text); background: var(--mint); border-color: var(--mint); }
html[data-color-mode="light"] #product-dialog #dialog-buy { color: var(--mint); background: var(--background); border-color: var(--mint); }
html[data-color-mode="light"] #product-dialog .detail-quote:hover { color: var(--mint); border-color: var(--mint); }
html[data-color-mode="light"] #product-dialog .sales-contact-main > a { color: var(--mint); }
html[data-color-mode="light"] #product-dialog #related-quick-add { color: var(--button-text); }
html[data-color-mode="light"] #product-dialog :is(.detail-related-action, .detail-share-panel button[type="submit"]) { color: var(--button-text); background: var(--mint); border-color: var(--mint); }
html[data-color-mode="light"] #product-dialog :is(.detail-related-options label > span, .detail-option-heading > span, .shipping-method-footer > span, .related-quick-footer small) { color: var(--muted); }
html[data-color-mode="light"] #product-dialog :is(.dialog-color-button, .dialog-size-button, .detail-quantity-tiers > button):is(:hover, :focus-visible) { color: var(--mint); background: var(--soft-highlight); border-color: var(--mint); }
html[data-color-mode="light"] #product-dialog p.wishlist-feedback:not(:empty) { color: var(--mint); background: var(--soft-highlight); }
html[data-color-mode="light"] #product-dialog :is(.destination-country-list small, .detail-bulk-slider span) { color: var(--muted); }
html[data-color-mode="light"] #product-dialog .detail-bulk-form-panel .detail-bulk-kicker { color: var(--mint); }
html[data-color-mode="light"] #product-dialog .detail-bulk-form-panel form > button:not(:disabled) { color: #fff; background: #c34b1d; }
html[data-color-mode="light"] #product-dialog .detail-bulk-form-panel form > button:not(:disabled):hover { background: #a73d15; }
html[data-color-mode="light"] #product-dialog .detail-bulk-form-panel form > button:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }

html[data-color-mode="light"] :is(.woocommerce-MyAccount-navigation ul, .woocommerce-MyAccount-content, .account-form, .account-overview-grid a, .woocommerce form.login, .woocommerce form.register, .woocommerce-ResetPassword, .account-auth-switch, .woocommerce-Address, .account-registration-address, .account-side-panel, .account-side-grid a, .account-security-panel a) { color: var(--text); background: var(--surface); border-color: var(--line); }
html[data-color-mode="light"] body.woocommerce-account :is(.woocommerce-MyAccount-navigation a, .account-overview-grid strong, .woocommerce-Address h3, .account-side-panel h3, .account-side-grid strong) { color: var(--text); }
html[data-color-mode="light"] :is(.woocommerce input.input-text, .woocommerce textarea, .woocommerce select, .account-fields input, .account-fields select, .account-registration-address input, .account-registration-address select) { color: var(--text); background: var(--background); border-color: var(--line); }
html[data-color-mode="light"] body.woocommerce-account .is-active a { color: var(--mint); background: var(--soft-highlight); }
html[data-color-mode="light"] body.woocommerce-account .woocommerce table.shop_table { color: var(--text); background: var(--background); border-color: var(--line); }
html[data-color-mode="light"] body.woocommerce-account :is(.content-entry > h1, .content-entry h2, .woocommerce label, .account-side-heading h2, .account-side-grid span, .account-registration-address legend, .woocommerce-MyAccount-content h3) { color: var(--text); }
html[data-color-mode="light"] body.woocommerce-account :is(.account-side-grid small, .woocommerce-MyAccount-content p, .woocommerce-ResetPassword p) { color: var(--muted); }
html[data-color-mode="light"] body.woocommerce-account .account-overview-grid a { color: var(--text) !important; }
html[data-color-mode="light"] body.woocommerce-account .account-overview-grid small { color: var(--muted); }
html[data-color-mode="light"] body.woocommerce-account .account-quick-links a { color: var(--text) !important; background: var(--surface); border-color: var(--line); }
html[data-color-mode="light"] body.woocommerce-account .woocommerce-MyAccount-content > p:first-child { color: var(--text); }
html[data-color-mode="light"] #product-dialog.product-detail { box-shadow: 0 14px 40px #18352b26; }
html[data-color-mode="light"] #product-dialog[data-page-product]:not([data-page-product=""]) { box-shadow: none; }
html[data-color-mode="light"] .woocommerce :is(.woocommerce-info, .woocommerce-message) { color: var(--text); background: var(--surface); }
html[data-color-mode="light"] .woocommerce #payment, html[data-color-mode="light"] .woocommerce #payment .payment_box { color: var(--text); background: var(--surface); }
html[data-color-mode="light"] .woocommerce :is(a.button, button.button, input.button):not(:disabled):not(.disabled) { color: var(--button-text); background: var(--mint); }
html[data-color-mode="light"] .woocommerce :is(a.button, button.button, input.button):not(:disabled):not(.disabled):hover { color: var(--button-text); background: var(--mint); text-decoration: underline; text-underline-offset: 3px; }
html[data-color-mode="light"] .woocommerce :is(a.button, button.button, input.button):focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }
html[data-color-mode="light"] .shopping-page :is(.shopping-progress, .cart-empty-message) { color: var(--muted); }
html[data-color-mode="light"] .consultation-breadcrumb { color: var(--muted); }
html[data-color-mode="light"] .consultation-app :is(.consultation-chat-heading span, .consultation-empty, .consultation-consent, .consultation-upload span, .consultation-side-note, .consultation-message-meta, .consultation-product-time, .consultation-product small, .consultation-contact-panel p > span) { color: var(--muted); }

html[data-color-mode="dark"] :is(.shopping-page, .consultation-app, .consultation-header, .consultation-tabs, .consultation-chat, .consultation-sidebar, .consultation-inbox, .consultation-composer) { color: var(--text); background: var(--surface); --chat-line: var(--line); --chat-green: var(--mint); border-color: var(--line); }
html[data-color-mode="dark"] .shopping-page :is(.shopping-heading h1, .cart-product a, .cart-summary-layout h2, .warehouse-page h2, .cart-summary-layout h3, .shopping-heading p, .cart-product dl, .cart-empty-message, .cart_totals p, .cart_totals h2) { color: var(--text); }
html[data-color-mode="dark"] .shopping-page :is(.shopping-secondary, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select, table th, .warehouse-table th, table td, .cart_totals) { color: var(--text); background: var(--surface-raised); border-color: var(--line); }
html[data-color-mode="dark"] .shopping-page :is(.shopping-heading, .shop_table, .cart-fulfillment-form, .warehouse-table, .shopping-progress li) { border-color: var(--line); }
html[data-color-mode="dark"] .shopping-page :is(.shopping-heading a, .cart-selection-tools > a, .shopping-progress [aria-current]) { color: var(--mint); }
html[data-color-mode="dark"] .consultation-app :is(h1, h2, h3, strong, .consultation-intro, .consultation-tab, .consultation-empty, .consultation-message-body, .consultation-composer textarea, .consultation-message, .consultation-conversations > button, .consultation-context, .consultation-attachment) { color: var(--text); background-color: var(--surface); }
html[data-color-mode="dark"] .consultation-app :is(input, textarea, .consultation-context, .consultation-attachment, .consultation-message-bubble) { color: var(--text); background: var(--surface-raised); border-color: var(--line); }
html[data-color-mode="dark"] :is(.contact-card, .contact-card:hover) { background: var(--surface); border-color: var(--line); }
html[data-color-mode="dark"] .contact-card-body strong { color: var(--text); }
html[data-color-mode="dark"] .contact-card-body small { color: var(--muted); }
html[data-color-mode="dark"] .consultation-app :is(.consultation-messages, .consultation-history-more, .consultation-bubble, .consultation-product button, .consultation-order button, .consultation-tabs button[aria-selected="true"]) { color: var(--text); background: var(--surface-raised); border-color: var(--line); }
html[data-color-mode="dark"] .consultation-app :is(.consultation-connection, .consultation-chat-heading span, .consultation-side-note, .consultation-consent, .consultation-product small, .consultation-upload span, .consultation-message-meta, .consultation-tabs button) { color: var(--muted); }
html[data-color-mode="dark"] .consultation-app .consultation-send { color: var(--button-text); }
html[data-color-mode="dark"] .shopping-page :is(.wishlist-card h2, .cart-summary-layout p, .cart-storage-note, .cart-shipping-pending) { color: var(--text); }
html[data-color-mode="dark"] :is(.cart-import-dialog, .warehouse-request, .cart-delivery .shipping-calculator-form) { color: var(--text); background: var(--surface); border-color: var(--line); }

html[data-color-mode="dark"] #product-dialog :is(.shipping-method-dialog, .shipping-method-header, .shipping-method-footer, .destination-country-menu, .destination-country-search, .destination-country-list button, .model-purchase-dialog, .related-quick-view, .related-quick-gallery, .related-quick-content) { color: var(--text); background: var(--surface); border-color: var(--line); }
html[data-color-mode="dark"] #product-dialog :is(.shipping-method-header h2, .shipping-method-header p, .shipping-method-note, .shipping-native-label, .shipping-address-heading, .shipping-method-footer, .detail-destination-fields > label, .detail-destination-fields > div, .shipping-cost-result p, .model-purchase-dialog h2, .related-quick-view h2) { color: var(--text); }
html[data-color-mode="dark"] #product-dialog :is(.shipping-method-table th, .shipping-method-table td, .shipping-cost-result, .shipping-method-dialog input, .shipping-method-dialog select, #destination-country-search, #destination-country-close, .model-purchase-dialog input, .model-purchase-dialog select) { color: var(--text); background: var(--surface-raised); border-color: var(--line); }
html[data-color-mode="dark"] #product-dialog :is(.shipping-method-row.is-selected, .shipping-method-table tr:has(input:checked) td, .destination-country-list button[aria-pressed="true"]) { background: var(--soft-highlight); color: var(--text); }
html[data-color-mode="dark"] #product-dialog .shipping-carrier-mark { color-scheme: light; }
html[data-color-mode="dark"] #product-dialog .shipping-method-table label { color: var(--text); }
html[data-color-mode="dark"] #product-dialog :is(#shipping-change-country, .shipping-address-heading a, .shipping-cost-result strong) { color: var(--mint); }
html[data-color-mode="dark"] #product-dialog :is(.shipping-method-footer > span, .destination-country-list small) { color: var(--muted); }
html[data-color-mode="dark"] #product-dialog :is(.model-picker-list button, .model-picker-list h3, .model-batch-toolbar, .model-batch-table th, .model-batch-table td, .model-dialog-footer, .related-quick-header, .related-quick-table th, .related-quick-table td, .related-quick-footer) { color: var(--text); background: var(--surface-raised); border-color: var(--line); }
html[data-color-mode="dark"] #product-dialog :is(.model-picker-list button[aria-pressed="true"], .model-picker-list button:hover) { background: var(--soft-highlight); }
html[data-color-mode="dark"] #product-dialog :is(.model-batch-content h3, .related-quick-footer strong, .related-row-preview, .detail-bulk-form-panel h2, .detail-bulk-form-panel label) { color: var(--text); }
html[data-color-mode="dark"] #product-dialog :is(.model-batch-footer strong, .model-batch-footer a, .related-cart-summary strong, .detail-bulk-form-panel .dialog-feedback) { color: var(--mint); }
html[data-color-mode="dark"] #product-dialog :is(#model-batch-selection, .model-batch-footer small, .model-batch-feedback, .related-quick-table small, .related-quick-footer small, #related-quick-feedback, .detail-bulk-description, .detail-bulk-slider span) { color: var(--muted); }
html[data-color-mode="dark"] #product-dialog :is(.model-batch-preview, .model-stepper, .model-stepper button, .model-batch-table thead tr, .related-quick-filters select, .related-quick-stepper button, .related-quick-stepper input, .detail-bulk-form-panel input, .detail-bulk-form-panel textarea, .detail-bulk-slider) { color: var(--text); background: var(--surface-raised); border-color: var(--line); }
html[data-color-mode="dark"] #product-dialog :is(.detail-bulk-card, .related-cart-toast) { color: var(--text); background: var(--surface); border-color: var(--line); }
html[data-color-mode="dark"] #product-dialog .related-cart-toast header { color: var(--text); background: var(--soft-highlight); }

@media (max-width: 1700px) {
	.color-mode-toggle [data-color-mode-label] { display: none; }
	.top-actions .color-mode-toggle { width: 40px; padding: 5px; }
}
@media (max-width: 740px) {
	.top-actions .color-mode-toggle { min-height: 36px; width: 36px; }
}