/* Shared storefront canvas color. Keep component surfaces and product photography independent. */
:root {
  --ck-page-background: #faf8f4;
}

body.preview-v3-body.retail-storefront {
  background-color: var(--ck-page-background) !important;
}

body.preview-v3-body.retail-storefront #main-content,
body.preview-v3-body.retail-storefront .reference-page,
body.preview-v3-body.retail-storefront .reference-page .faq,
body.preview-v3-body.retail-storefront main.retail-category-page,
body.preview-v3-body.retail-storefront main.retail-category-page .retail-catalog-results,
body.preview-v3-body.retail-storefront main.market-product-page,
body.preview-v3-body.retail-storefront :is(.search-index, .ck-guide, .ck-contact, .portal, .preview-cart, .retail-shop-page, .ck-account-page, .ck-account-logout, .ck-account-password-page),
body.preview-v3-body.retail-storefront .retail-announcement,
body.preview-v3-body.retail-storefront .retail-header,
body.preview-v3-body.retail-storefront .retail-header__main,
body.preview-v3-body.retail-storefront .retail-footer,
body.preview-v3-body.retail-storefront .retail-footer__top,
body.preview-v3-body.retail-storefront .retail-footer__bottom {
  background-color: var(--ck-page-background) !important;
}