@mixin debug($color:red) {
  outline: 1px solid $color;
}


.debug {
  @include debug();
}


.clip-right-md {
  @include media-breakpoint-up(md) {
    clip-path: polygon(0% 0%, 86% 0%, 100% 37%, 75% 100%, 0% 100%);
  }
}


@mixin duotone($duotone-highlight-color, $duotone-shadow-color) {
  //& {
  //  position: relative;
  //  background-color: $duotone-highlight-color;
  //}

  & img {
    filter: grayscale(100%);
    mix-blend-mode: multiply;
  }

  //&::before {
  //  background-color: $duotone-shadow-color;
  //  bottom: 0;
  //  content: '';
  //  height: 100%;
  //  left: 0;
  //  mix-blend-mode: lighten;
  //  position: absolute;
  //  right: 0;
  //  top: 0;
  //  width: 100%;
  //  z-index: 1;
  //}
}

.fx-duotone {
  //@include duotone($primary, $dark);
  // @include duotone($duotone-highlight-color, $duotone-shadow-color);
  @include duotone(var(--bs-primary), var(--bs-dark));
}
