@mixin body-copy-background-mapping {
  // dark blue
  // ! Deprecation warning, do not use anymore. These do not meet accessibility rules
  &.color-preset--dark-blue {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: $color-brand--two;
    }

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

    .list--checks li::before {
      background-color: $color-brand--two;
    }
  }

  // ! Deprecation warning, do not use anymore. These do not meet accessibility rules
  // red
  &.color-preset--red {
    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);
      background-color: $color-brand--five;
    }
  }

  // ! Deprecation warning, do not use anymore. These do not meet accessibility rules
  // turquoise
  &.color-preset--turquoise {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: $color-brand--three;
    }

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

    .list--checks li::before {
      background-color: $color-brand--three;
    }
  }

  // ! Deprecation warning, do not use anymore. These do not meet accessibility rules
  // yellow
  &.color-preset--yellow {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: $color-brand--six;
    }

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

    .list--checks li::before {
      background-color: $color-brand--six;
    }
  }

  // overwrite list item colors for selected backgrounds
  // ! Deprecation warning, do not use anymore. Will be removed in a later release use bg-variants function instead.
  .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
  // ! Deprecation warning, do not use anymore. Will be removed in a later release use bg-variants function instead.
  .bg-brand--yellow {
    .list--checks li::before {
      @include svg-base64('check', $color-brand--two);
    }
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  li:before {
    @include bg-variants() {
      color: currentColor;
    }
  }

  a:not(.button) {
    @include bg-variants(
      $supportedBackgrounds: (
        'brand-primary',
        'brand-secondary',
        'brand-quaternary',
        'brand-quinary',
        'brand-senary'
      )
    ) {
      text-decoration: underline solid currentColor;
      transition: text-decoration $transition-duration--fast;

      /*add those for opera and mozilla support*/
      -webkit-text-decoration: underline solid inherit;
      -moz-text-decoration: underline solid inherit;

      &:hover {
        text-decoration: underline solid transparent;
      }
    }
  }
}
