@use "sass:color";

//////////////////////////////
//  Calculations
@function offset-background-color($color, $percent) {
  @if get-lightness($color) < 50 {
    @return color.adjust($color, $lightness: $percent);
  } @else {
    @return color.adjust($color, $lightness: - $percent);
  }
}

@function offset-foreground-color($color, $percent) {
  @if get-lightness($color) > 50 {
    @return color.adjust($color, $lightness: $percent);
  } @else {
    @return color.adjust($color, $lightness: - $percent);
  }
}

@function get-lightness($color) {
  @return color.channel(color.to-space($color, hsl), "lightness");
}