// Contextual backgrounds
.checkContrast(@color) when (lightness(@color) < 50%) {
  color: white;
}
.checkContrast(@color) when (lightness(@color) >= 50%) {
  color: @text-color;
}

.bg-variant(@color) {
  background-color: @color!important;
  a&:hover,
  a&:focus {
    .darken(@color, 0.1) !important;
  }

  > a:not(.btn) {
    color: inherit;
    text-decoration: underline;
    [class^='dlt-c8y-icon-'],
    [class*=' dlt-c8y-icon-'],
    .c8y-icon {
      text-decoration: none;
    }
  }
}