Starter SCSS functions

//Color Theme
$colors-theme: (
    lighter_grey: #f4f4f4,
    light_grey: #f6f6f6,
    light_grey2: #f3f3f3,
    mid_grey: #5c6061,
    main_blue: #2e79bb,
    main_blue2: #518ebe,
    orange: #f99f42,
    red: #de1b54,
    dark_purple: #26235d,
    mid_purple: #615f89,
    green: #6cc049,
    white: #fff,
    black: #000
);

@function get-color($color){
    $color: map-get($colors-theme, $color);
    @return $color;
}

@function set-color-from-background($color) {
  @if (lightness($color) > 50) {
    @return get-color(black); // Lighter background, return dark color
  } @else {
    @return get-color(white); // Darker background, return light color
  }
}

@function rem($pixels, $context: $font-size) {
    @return #{$pixels/$context}rem;
}