// color variables
$colors: (
  50: #ffffff,
  80: #F8FCFF,
  100: #8993A8,
  500: #FF4893,
  600: #182152,
  700: #00CD00,
  900: #000000,
);

@function color($color) {
  // checking to see if our $theme-colors map has that $color key
  @if map-has-key($colors, $color) {
    // and if so, it will get that color for us in the map-get syntax
    @return map-get($colors, $color);
  }
  // if not, it will give us a helpful error when we compile
  @error "Unknown `#{$color}` in $colors.";
  @return null;
}

$imageurl: "../images";
/*Light 300 Regular 400 Medium 500 Semi-bold 600 Bold 700 Extra-bold 800*/