@use '../../sass/abstracts/variables' as *;
@use '../../sass/abstracts/typography';

@mixin background($name, $background-color, $color) {
  &--#{$name} {
    background-color: $background-color;
    color: $color;

    a:not(#{$object-prefix}button):not(.button) {
      color: $color;
    }
  }
}

#{$object-prefix}chip {
  @include typography.body-large;
  display: inline-block;
  background-color: $blue-50;
  line-height: 1.625rem;
  padding: 0 0.5rem;
  margin: 0.25rem 0.5rem 0.25rem 0;
  color: $dark-blue-50;

  @include background('blue', $blue-75, $sodra-black);
  @include background('green', $green-75, $sodra-black);
  @include background('red', $red-75, $sodra-black);
  @include background('yellow', $yellow-75, $sodra-black);
  @include background('grey', $sodra-black-20, $sodra-black);
}