// get color
@function get-color($color, $opacity: 1) {
  $color-h: var(#{'--' + $color + '-h'});
  $color-s: var(#{'--' + $color + '-s'});
  $color-l: var(#{'--' + $color + '-l'});
  @return hsla($color-h, $color-s, $color-l, $opacity);
}

// return css color variable with different opacity
@function set-alpha($color, $opacity) {
  $color-h: var(#{'--' + $color + '-h'});
  $color-s: var(#{'--' + $color + '-s'});
  $color-l: var(#{'--' + $color + '-l'});
  @return hsla($color-h, $color-s, $color-l, $opacity);
}

// adjust lightness
// TODO: remove this function once all apps are migrated, old legacy name
@function lighter($color, $adjust-l, $opacity: 1){
  @return adjust-lightness($color, $adjust-l, $opacity);
}
@function adjust-lightness($color, $adjust-l, $opacity: 1){
  $color-h: var(#{'--' + $color + '-h'});
  $color-s: var(#{'--' + $color + '-s'});
  $color-l: var(#{'--' + $color + '-l'});
  @return hsla($color-h, $color-s, calc(#{$color-l} + #{$adjust-l}), $opacity);
}

// adjust saturation
@function adjust-saturation($color, $adjust-s, $opacity: 1){
  $color-h: var(#{'--' + $color + '-h'});
  $color-s: var(#{'--' + $color + '-s'});
  $color-l: var(#{'--' + $color + '-l'});
  @return hsla($color-h, calc(#{$color-s} + #{$adjust-s}), $color-l, $opacity);
}