html[data-darkreader-mode="dynamic"][data-darkreader-scheme="dark"] {
  --forced-canvas: #141619;
  --forced-surface: #1c1f23;
  --forced-raised: #252a30;
  --forced-ink: #eef0f2;
  --forced-muted: #bbc2ca;
  --forced-line: #7b8591;
  --forced-accent: #bdcdbf;
  background-color: var(--forced-canvas) !important;

  /* Neutralize the shared cream canvas before it reaches nested components. */
  & :is(body, .mgsp, .acv-story, [class*="color-custom"]:not([class*="badge"]), [class*="color-scheme"]) {
    --color-background: var(--forced-canvas) !important;
    --color-background-rgb: 20 22 25 !important;
    --darkreader-bg--color-background: var(--forced-canvas) !important;
    --darkreader-bg--color-background-rgb: 20, 22, 25 !important;
  }

  & .mgsp {
    --mgsp-reference-cream: var(--forced-surface) !important;
    --darkreader-bg--mgsp-reference-cream: var(--forced-surface) !important;
  }

  & :is(.joint-posters figure, .mgsp__four-grid article, .mgsp__four-rail article, [data-mgsp-four-track] article) {
    background: var(--forced-raised) !important;
    color: var(--forced-ink) !important;
  }

  & :is(.joint-posters small, .joint-posters figcaption > span) {
    color: var(--forced-accent) !important;
  }

  & :is(.sticky-add-to-cart__bar, .mgsp__sticky, .skip-to-content-link, slideshow-container, search-page-input-component, .main-collection-grid, .mgsp__gallery-main) {
    background-color: var(--forced-surface) !important;
    background-image: none !important;
  }

  & :is(body, .page-wrapper, main, .section-background, .section, .acv-story, .mgsp, .mgsp > section, .mgsp__footer) {
    background-color: var(--forced-canvas) !important;
    background-image: none !important;
    color: var(--forced-ink) !important;
  }

  & :is(#header-component, .header__underlay-closed, .header__underlay-open, .menu-drawer, .menu-drawer__submenu, .empty-cart-modal, .theme-drawer__dialog, .cart-drawer__inner, .cart-drawer__summary, .predictive-search, .predictive-search-form__header-inner, .currency-sheet, .dialog-modal, .footer-minimal__policies-popover, .footer-minimal) {
    background-color: var(--forced-surface) !important;
    background-image: none !important;
    color: var(--forced-ink) !important;
    border-color: var(--forced-line) !important;
  }

  & :is(.menu-drawer, .empty-cart-modal) {
    box-shadow: 0 calc(50vh + 24px) 0 50vh var(--forced-surface) !important;
  }

  & :is(.brand-artwork, .header__row, .header-logo, .header-actions, .menu-drawer a, .footer-minimal__link, .footer-minimal__brand) {
    color: var(--forced-ink) !important;
  }

  & :is(.brand-artwork__accent, .brand-artwork__accent path, .brand-artwork__divider, .footer-minimal__link-icon, [class$="__eyebrow"], [class$="__kicker"], .mgsp__eyebrow) {
    color: var(--forced-accent) !important;
  }

  & :is(h1, h2, h3, h4, summary, .mgsp__hero h1, .mgsp__tier-title, .bundle-option__title, .bundle-option__price, .mgsp__tier-price) {
    color: var(--forced-ink) !important;
  }

  & :is(main p, .mgsp p, .mgsp li, .acv-story p, .acv-story dt, .product-overview__description, .cart__guarantee-title) {
    color: var(--forced-muted) !important;
  }

  & :is(.acv-story__benefit-strip, .acv-story__outcomes, .acv-story__details, .acv-story__panel, .acv-story__facts, .acv-story__standards, .mgsp__aqua, .mgsp__feature-band, .mgsp__expert, .mgsp__bundle, .mgsp__comparison, .mgsp__ticker, .mgsp__disclaimer, .mgsp__four, .mgsp__ingredients, .mgsp__problem-solution, .mgsp__numbers-bridge) {
    background-color: var(--forced-surface) !important;
    background-image: none !important;
    color: var(--forced-ink) !important;
    border-color: var(--forced-line) !important;
  }

  & :is(.acv-story__number, .acv-story__outcomes-grid li, .acv-story__facts-card, .acv-story__facts-free-from, .acv-story__chips li, .bundle-option, [data-mgsp-tier], .mgsp__review-grid article, .mgsp__review-rail article, .mgsp__feature-card, .mgsp__problem-card, .mgsp__problem-product, .mgsp__four-card, .mgsp__rating-row, .mgsp__buy-faq details, .mgsp__tabpanel, .product-object-study, .product-object-study__plate, .product-overview__panel, .product-overview__card, .faq-accordion__item) {
    background-color: var(--forced-raised) !important;
    background-image: none !important;
    border-color: var(--forced-line) !important;
    color: var(--forced-ink) !important;
  }

  & :is(.acv-story__numbers, .acv-story__facts-ingredients, .acv-story__faq details, .mgsp__faq details, .mgsp__tier-radio, .bundle-option__check, .footer-minimal__link, .footer-minimal__bottom, .mgsp__tablist, input, select, textarea) {
    border-color: var(--forced-line) !important;
  }

  /* A converted RGB variable can invalidate the original border shorthand. */
  & .footer-minimal__link {
    border: 1px solid var(--forced-line) !important;
  }

  & .footer-minimal__link:focus-visible {
    outline: var(--focus-outline-width, 3px) solid var(--forced-accent) !important;
    outline-offset: var(--focus-outline-offset, 3px) !important;
  }

  /* Nested cards and row dividers have their own colors in the product styles. */
  & :is(.mgsp__formula-story .mgsp__split-copy, .mgsp__gallery-stage, .mgsp__customer-media-grid figure, .acv-story__benefits) {
    background: var(--forced-surface) !important;
    color: var(--forced-ink) !important;
    border-color: var(--forced-line) !important;
  }

  & :is(.mgsp__legacy-card, .mgsp__number-panel, .mgsp__inside-panel, .mgsp__legacy-rating-pill, .mgsp__ingredient-face, .mgsp__ingredient-grid article, .mgsp__label-checks div, .mgsp__flavor-chip, .mgsp__thumb, .mgsp__thumb-control, .mgsp__gallery-arrow, .mgsp__rail-controls button, .mg-why__card, .acv-story__evidence-card) {
    background: var(--forced-raised) !important;
    color: var(--forced-ink) !important;
    border-color: var(--forced-line) !important;
  }

  & :is(.mgsp__formula-list, .mgsp__formula-list > div, .mgsp__inside-panel header, .mgsp__inside-panel dl > div, .mgsp__number-panel dl > div, .mgsp__element-tile, .mgsp__offer-assurances, .mgsp__offer-assurances > span, .mgsp__buy-faq, .mgsp__faq-list, .mgsp__comparison-table > div > *, .mgsp__reviewer img, .mgsp__digestion-note, .mgsp__feature-band-icons article > span, .mgsp__feature-band-grid article > span, .mg-ritual__step, .mg-trust__item, .mg-brand-hero__btn--secondary, .product-angle-gallery__frame, .acv-story__faq-list, .acv-story__facts th, .acv-story__facts td, .payment-marks__more) {
    border-color: var(--forced-line) !important;
  }

  & :is(.mgsp__formula-list dt, .mgsp__inside-panel dt, .mgsp__element-tile, .mgsp__number-panel dt, .mgsp__gallery-arrow, .mgsp__thumb-control, .mgsp__rail-controls button, .mg-brand-hero__btn--secondary) {
    color: var(--forced-ink) !important;
  }

  & :is(.mgsp__formula-list dd, .mgsp__inside-panel dd, .mgsp__inside-panel header > span, .mgsp__number-panel dd, .mgsp__legacy-card > span:not(.mgsp__element-tile), .mgsp__label-checks span, .mgsp__offer-assurances) {
    color: var(--forced-muted) !important;
  }

  & :is(.mgsp__ingredient-face strong, .mgsp__ingredient-face b) { color: var(--forced-ink) !important; }
  & :is(.mgsp__ingredient-face small, .mgsp__ingredient-face--back > span) { color: var(--forced-muted) !important; }
  & .mgsp__ingredient-face::after {
    background: var(--forced-surface) !important;
    border-color: var(--forced-line) !important;
    color: var(--forced-ink) !important;
  }
  & .mgsp__body-arrow svg { stroke: var(--forced-accent) !important; }

  & :is(.mgsp__gallery-banner, .acv-story__evidence-answer, .acv-story__evidence-status--caution) {
    background: #343b40 !important;
    color: var(--forced-ink) !important;
  }

  & .acv-story__evidence-status:not(.acv-story__evidence-status--caution) {
    background: #302a2e !important;
    color: #ecdce0 !important;
  }

  & .acv-story__evidence-status--caution { color: #e6ce92 !important; }
  & .acv-story__evidence-status--product { color: var(--forced-accent) !important; }

  & :is(.mgsp__gallery-banner-mark, .mgsp__text-link, .mgsp__reason-grid li span, .mgsp__check-list li span, .mgsp__comparison-copy li span, .mgsp__buy-faq summary span, .mgsp__faq summary span) {
    color: var(--forced-accent) !important;
    border-color: var(--forced-accent) !important;
  }

  & .mgsp__thumb.is-active::after,
  & .mgsp__thumb[data-active]::after,
  & .mgsp__thumb:focus-visible::after {
    border-color: var(--forced-accent) !important;
  }

  & .sealsubs-full.bundle-purchase-selector {
    --purchase-ink: var(--forced-ink);
    --purchase-accent: var(--forced-accent);
    --purchase-outline: var(--forced-line);
  }

  & .sealsubs-full.bundle-purchase-selector .sls-option-container {
    border-color: var(--forced-line) !important;
  }

  & .sealsubs-full.bundle-purchase-selector .sls-option-container.sls-active {
    border-color: var(--forced-accent) !important;
  }

  & .sealsubs-full.bundle-purchase-selector .sls-selling-plan-group-name {
    color: var(--forced-ink) !important;
  }

  & .sealsubs-full.bundle-purchase-selector .sls-custom-radio {
    border-color: var(--forced-line) !important;
  }

  & .sealsubs-full.bundle-purchase-selector input.sls-option:checked + .sls-custom-radio {
    border-color: var(--forced-accent) !important;
  }

  & .sealsubs-full.bundle-purchase-selector input.sls-option:checked + .sls-custom-radio::after {
    border-color: #17201b !important;
  }

  & :is(.acv-story__number span, .acv-story__outcomes-grid span, .acv-story__research a, .acv-story__faq a, .mgsp__rating-row a, .mgsp__payment-more, .footer-minimal__pay-more) {
    color: var(--forced-accent) !important;
    border-color: var(--forced-line) !important;
  }

  & .scroll-to-top__button {
    background: var(--forced-raised) !important;
    color: var(--forced-ink) !important;
    border-color: var(--forced-line) !important;
  }

  & :is(.mgsp__timeline-list small, .mgsp__timeline-list span, .mgsp__timeline-list strong, .mgsp__tablist button, .mgsp__money-line, .mgsp__rating-row a, .mgsp__stars) {
    color: var(--forced-accent) !important;
  }

  & .acv-story__benefit-icon {
    background: #302a2e !important;
    border-color: #78656b !important;
  }

  & .acv-story__benefit-icon svg { stroke: #ecdce0 !important; }
  & .acv-story__benefit-icon .fill { fill: #d39aa5 !important; }
  & :is(.mgsp__tabpanel-copy li > span, .mgsp__hero-points li > span, .mgsp__reason-grid li > span, .mgsp__check-list li > span, .mgsp__comparison-copy li > span, .mgsp__proof-check) {
    background: #3e5146 !important;
    color: #e3ebe5 !important;
  }
  & :is(.acv-story__facts-card > h2, .mgsp__comparison-head, .mgsp__comparison-table > div > :first-child, .mgsp__problem-labels span, .mgsp__tablist [aria-selected="true"]) {
    background: #343b40 !important;
    color: var(--forced-ink) !important;
    border-color: var(--forced-line) !important;
  }

  & :is(.acv-story__facts table, .acv-story__facts th, .acv-story__facts td, .acv-story__benefit-grid strong, .acv-story__outcomes-grid strong, .mgsp__tabpanel-copy li, .mgsp__comparison-table > div > *, .mgsp__ticker div) {
    color: var(--forced-ink) !important;
  }

  & :is(.bundle-option--selected, [data-mgsp-tier][aria-pressed="true"], [data-mgsp-tier].is-selected) {
    background: #303a35 !important;
    border-color: #a5bbaa !important;
  }

  & :is(.mgsp__tier-badge, .mgsp__tier-saving, .sls-savings-badge) {
    background: #343c37 !important;
    color: #dce6dd !important;
    border-color: #7c9081 !important;
  }

  & :is(.bundle-option--selected .bundle-option__check, .mgsp__tier.is-selected .mgsp__tier-radio, .bundle-option__ribbon, .bundle-option__save-badge, .sealsubs-full input.sls-option:checked + .sls-custom-radio) {
    background: var(--forced-accent) !important;
    border-color: var(--forced-accent) !important;
    color: #17201b !important;
  }

  & :is(.button:not(.button-secondary), .product-angle-gallery__cta, .mg-hero__btn--primary, .mg-brand-hero__btn--primary, .product-hero__btn--primary, .mgsp__primary-cta, .mgsp__secondary-cta, button[name="add"]) {
    background: var(--forced-accent) !important;
    color: #17201b !important;
    border-color: var(--forced-accent) !important;
    box-shadow: none !important;
  }

  & :is(.button:not(.button-secondary), .product-angle-gallery__cta, .mgsp__primary-cta, .mgsp__secondary-cta, button[name="add"]):hover {
    background: #d6e0d7 !important;
    border-color: #d6e0d7 !important;
  }

  & .mgsp__timeline-list::before,
  & .mgsp__timeline-list li::before {
    background: #bbc8be !important;
    border-color: #69796d !important;
  }

  & .acv-story__free-from span {
    background: var(--forced-raised) !important;
    color: var(--forced-ink) !important;
    border-color: var(--forced-line) !important;
  }

  & :is(.mgsp__seal-edge, .mgsp__seal-ring) {
    fill: #c8a75e !important;
    stroke: #f0dca6 !important;
  }
  & .mgsp__seal-core { fill: #202329 !important; stroke: #e6ce92 !important; }
  & :is(.mgsp__seal-copy, .mgsp__seal-star) { fill: #22241f !important; }
  & :is(.mgsp__seal-brand, .mgsp__seal-promise, .mgsp__seal-small) { fill: #e6ce92 !important; }
  & :is(.mgsp__seal-days, .mgsp__seal-number) { fill: #fff4d3 !important; }

  & :is(.payment-marks__icon, .footer-minimal__pay-icon, .mgsp__payment-icon, .payment-icons__item img) {
    filter: none !important;
    opacity: 1 !important;
    background-color: #fff !important;
    border-color: #8e969f !important;
  }

  & :is(a, button, input, select, textarea, summary):focus-visible {
    outline-color: #d3dfd5 !important;
  }
}
