/* XHairLab: black actions, red prices, #f5f5f7 quiet surfaces.
 * Native theme settings supply the same palette. Images, swatches and
 * success/error feedback deliberately keep their original colors. */
:root, body {
  --xhl-primary:#000000;
  --xhl-price:#c5222a;
  --xhl-surface:#f5f5f7;
  --gz-color-primary:var(--xhl-primary);
  --gz-link-color-hover:var(--xhl-primary);
  --gz-text-color-on-primary:#ffffff;
  --gz-color-price-sale:var(--xhl-price);
  --gz-color-light-grey:var(--xhl-surface);
  --swiper-theme-color:var(--xhl-primary);
}
body .campaign-bar {--gz-campaign-background:#000000;--gz-campaign-text-color:#ffffff}
body .woocommerce-badges .onsale, body .woocommerce-badges .wc-badge--sale {background-color:#000000;color:#ffffff}
body .price, body .gz-price, body .woocommerce-Price-amount,
body .wc-block-components-product-price, body .wc-block-components-formatted-money-amount,
body .xhc-workspace #xhc-price {color:var(--xhl-price)}
body .price ins, body .gz-price ins {--gz-color-price-sale:var(--xhl-price);color:var(--xhl-price)}
body .price del, body .price del .woocommerce-Price-amount,
body .gz-price del, body .gz-price del .woocommerce-Price-amount {color:#666666}
::selection {background:#dedee2;color:#000000}
body input, body textarea {caret-color:#000000;accent-color:#000000}
body :focus-visible {outline-color:#000000}

/* The shared workspace renders on both the homepage and Custom Hair. */
.xhc-workspace {--xhc-blue:#000000;--xhc-wash:#f5f5f7}
.xhc-workspace .xhc-library,
.xhc-workspace .xhc-library .xhc-panel-title,
.xhc-workspace .xhc-drop,
.xhc-workspace .xhc-photo-tips,
.xhc-workspace .xhc-choice .xhc-no-image,
.xhc-workspace .xhc-viewer,
.xhc-workspace .xhc-photo-layer {background:#f5f5f7}
.xhc-workspace .xhc-drop:focus-within,
.xhc-workspace .xhc-drop.is-over {background:#f5f5f7}
.xhc-workspace .xhc-style[aria-pressed=true] .xhc-style-image::after {background-color:#000000}
.xhc-workspace .xhc-styles .xhc-style:hover .xhc-style-image {border-color:#666666}
.xhc-workspace button:focus-visible,
.xhc-workspace a:focus-visible,
.xhc-workspace summary:focus-visible,
.xhc-workspace input:focus-visible,
.xhc-workspace select:focus-visible,
.xhc-workspace textarea:focus-visible,
.xhc-workspace .xhc-compare-control:has(input:focus-visible) .xhc-compare-line>span {outline-color:#000000}
.xhc-workspace ::selection {background:#dedee2;color:#000000}
.xhc-workspace input,.xhc-workspace textarea {caret-color:#000000}
.xhc-workspace .xhc-upload-actions button,
.xhc-workspace #xhc-view-cart {color:#000000}
.xhc-workspace .xhc-ai-login {background:#f5f5f7;color:#000000}
.xhc-workspace .xhc-ai-consent {background:#f5f5f7;border-color:#d8d8dd}
.xhc-workspace .xhc-ai-consent input {border-color:#76767c}
.xhc-workspace .xhc-ai-consent input:checked {background:#000000;border-color:#000000}
.xhc-workspace .xhc-ai-consent p,
.xhc-workspace .xhc-consent-facts,
.xhc-workspace .xhc-assurance-list,
.xhc-workspace .xhc-ai-note,
.xhc-workspace .xhc-status,
.xhc-workspace #xhc-purchase-status {color:#52525b}
.xhc-workspace .xhc-consent-assurance,
.xhc-workspace .xhc-consent-facts {border-color:#d8d8dd}
.xhc-workspace .xhc-privacy-mark {background:#e4e4e9}
.xhc-workspace .xhc-privacy-mark .xhc-privacy-shield {fill:#000000}
.xhc-workspace button.xhc-ai-button,
.xhc-workspace button.xhc-ai-button:disabled,
.xhc-workspace button.xhc-ai-button:not(:disabled),
.xhc-workspace #xhc-buy-now,
.xhc-workspace .xhc-drop .xhc-upload-cta {background:#000000;border-color:#000000;color:#ffffff;box-shadow:none}
.xhc-workspace button.xhc-ai-button:not(:disabled):hover,
.xhc-workspace #xhc-buy-now:hover {background:#262626;border-color:#262626;box-shadow:none}
.xhc-workspace button.xhc-ai-button:disabled {border-color:#4b4b50}