/* Pale theme colour separates white garments from the surrounding page. */
html {
  --doodle-paper: color-mix(in srgb, var(--ds-accent, #c16a1a) 14%, #fff);
  --doodle-stage: var(--doodle-paper);
}
html[data-ds-theme="dark"] {
  --doodle-stage: color-mix(in srgb, var(--ds-accent, #e7a569) 16%, #303337);
}
html body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content#main-content#main-content#main-content
  :is(.product-card-media,.product-main,.product-lightbox,.collection-card,.occasion-glow-card):has(> .ds-theme-layer) {
  background: var(--doodle-stage) !important;
}
html body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content#main-content#main-content#main-content #energy-home
  :is(.e-world,.e-art-stage,.e-little-stage,.e-season-stage,.e-new .e-product-photo) {
  background: var(--doodle-paper) !important;
}
html body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content#main-content#main-content#main-content
  .ds-ink-surface.ds-theme-layer[data-doodle-theme]::before {
  background: var(--ds-accent, #c16a1a) !important;
}

/* Reuse the theme controls' live gradient colours and strength. */
html[data-ds-gradient="true"] {
  --doodle-paper: linear-gradient(#ffffffd9, #ffffffd9), var(--ds-accent-fill);
  --doodle-stage: var(--doodle-paper);
}
html[data-ds-theme="dark"][data-ds-gradient="true"] {
  --doodle-stage: linear-gradient(#303337d9, #303337d9), var(--ds-accent-fill);
}
html[data-ds-theme="dark"] { --doodle-default-opacity: .58; }

/* Catalogue patterns get a small lift; homepage illustrations stay more visible. */
html body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content#main-content#main-content#main-content
  .ds-ink-surface.ds-theme-layer[data-doodle-theme]::before {
  opacity: calc(var(--doodle-opacity, var(--doodle-default-opacity, .48)) * .54) !important;
}
html body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content#main-content#main-content#main-content #energy-home
  .ds-ink-surface.ds-theme-layer[data-doodle-theme]::before {
  opacity: .18 !important;
}

/* Legacy multiply blending must not cancel the pale gradient overlay. */
html[data-ds-gradient="true"] body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content#main-content#main-content#main-content
  :is(.product-card-media,.product-main,.product-lightbox,.collection-card,.occasion-glow-card,.e-world,.e-art-stage,.e-little-stage,.e-season-stage,.e-product-photo):has(> .ds-theme-layer) {
  background-blend-mode: normal !important;
}

/* Keep cropped leggings photography on the existing plain page background. */
html body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content#main-content#main-content#main-content
  :is(.product-card[data-legging-display] .product-card-media,
      .product-main[data-legging-display],
      .product-lightbox[data-product-type*="legging" i],
      .product-gallery:has([data-legging-display]) .product-thumbs [data-gallery-thumb],
      .collection-card[href="/collections/all-over-leggings"],
      #energy-home .e-art-stage:has(.e-product-photo[data-doodle-type*="legging" i]),
      #energy-home .e-product-photo[data-doodle-type*="legging" i]) {
  background: var(--ds-bg, #fff) !important;
  background-image: none !important;
}
html body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content#main-content#main-content#main-content
  :is(.product-card[data-legging-display] .product-card-media,
      .product-main[data-legging-display],
      .product-lightbox[data-product-type*="legging" i],
      .product-gallery:has([data-legging-display]) .product-thumbs [data-gallery-thumb],
      .collection-card[href="/collections/all-over-leggings"],
      #energy-home .e-art-stage:has(.e-product-photo[data-doodle-type*="legging" i]),
      #energy-home .e-product-photo[data-doodle-type*="legging" i]) > :is(.ds-theme-layer,.product-paint) {
  display: none !important;
}