@mixin body-copy-background-mapping {
  // dark blue
  .color-preset--dark-blue,
  .header.bg-brand--dark-blue ~ .block .color-preset--header {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: $color-brand--two;
    }

    li::before {
      color: $color-brand--two;
    }

    .list--checks li::before {
      @include svg-base64('check', $color-brand--two);
    }
  }

  // red
  .color-preset--red,
  .header.bg-brand--red ~ .block .color-preset--header {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: $color-brand--five;
    }

    li::before {
      color: $color-brand--five;
    }

    .list--checks li::before {
      @include svg-base64('check', $color-brand--five);
    }
  }

  // turquoise
  .color-preset--turquoise,
  .header.bg-brand--turquoise ~ .block .color-preset--header {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: $color-brand--three;
    }

    li::before {
      color: $color-brand--three;
    }

    .list--checks li::before {
      @include svg-base64('check', $color-brand--three);
    }
  }

  // yellow
  .color-preset--yellow,
  .header.bg-brand--yellow ~ .block .color-preset--header {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: $color-brand--six;
    }

    li::before {
      color: $color-brand--six;
    }

    .list--checks li::before {
      @include svg-base64('check', $color-brand--six);
    }
  }

  // overwrite list item colors for selected backgrounds
  .bg-brand--blue,
  .bg-brand--dark-blue,
  .bg-brand--red,
  .bg-brand--turquoise,
  .bg-brand--yellow {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    li::before {
      color: currentColor;
    }

    .list--checks li::before {
      @include svg-base64('check', $color-brand--four);
    }
  }

  // overwrite list item colors for selected background - yellow specific
  .bg-brand--yellow {
    .list--checks li::before {
      @include svg-base64('check', $color-brand--two);
    }
  }
}
