@use "sass:color";

//
// Color functions
//

// Tint & Shade - https://css-tricks.com/snippets/sass/tint-shade-functions/

// Slightly lighten a color
// @access public
// @param {Color} $color - color to tint
// @param {Number} $percentage - percentage of `$color` in returned color
// @return {Color}
@function tint($color, $percentage) {
    @return color.mix(white, $color, $percentage);
}

// Slightly darken a color
// @access public
// @param {Color} $color - color to shade
// @param {Number} $percentage - percentage of `$color` in returned color
// @return {Color}
@function shade($color, $percentage) {
    @return color.mix(black, $color, $percentage);
}