// prettier-ignore
$colors: (
//                       Name                Color   
    white:              'White'             #ffffff,
    overlay:            'Overlay'           rgba(255, 255, 255, 0.6),
    black:              'Black'             #222222,

    purple100:          'Purple / 100'      #fbf4ff,
    purple200:          'Purple / 200'      #edc8ff,
    purple300:          'Purple / 300'      #de99ff,
    purple400:          'Purple / 400'      #c158f8,
    purple500:          'Purple / 500'      #990ae3,
    purple600:          'Purple / 600'      #7d00bd,
    purple700:          'Purple / 700'      #5f008f,
    purple800:          'Purple / 800'      #3f005e,
    purple900:          'Purple / 900'      #1f002e,
    
    gray100:          'Gray / 100'      #fbfbfb,
    gray200:          'Gray / 200'      #f2f2f2,
    gray300:          'Gray / 300'      #cccccc,
    gray400:          'Gray / 400'      #a0a0a0,
    gray500:          'Gray / 500'      #6e6e6e,
    gray600:          'Gray / 600'      #5e5e5e,
    gray700:          'Gray / 700'      #4e4e4e,
    gray800:          'Gray / 800'      #303030,
    gray900:          'Gray / 900'      #222222,

    red100:          'Red / 100'      #fff4f7,
    red200:          'Red / 200'      #ffccdd,
    red300:          'Red / 300'      #ffa4c3,
    red400:          'Red / 400'      #f74f87,
    red500:          'Red / 500'      #e4175c,
    red600:          'Red / 600'      #be0040,
    red700:          'Red / 700'      #900030,
    red800:          'Red / 800'      #5e0020,
    red900:          'Red / 900'      #2e000f,

    green100:          'Green / 100'      #f3fff9,
    green200:          'Green / 200'      #c5f8de,
    green300:          'Green / 300'      #95f4c3,
    green400:          'Green / 400'      #48e494,
    green500:          'Green / 500'      #00af56,
    green600:          'Green / 600'      #00af56,
    green700:          'Green / 700'      #008641,
    green800:          'Green / 800'      #00592b,
    green900:          'Green / 900'      #002e16,

    blue100:          'Blue / 100'      #f4faff,
    blue200:          'Blue / 200'      #cbefff,
    blue300:          'Blue / 300'      #9fe2ff,
    blue400:          'Blue / 400'      #4dc0ff,
    blue500:          'Blue / 500'      #0099ff,
    blue600:          'Blue / 600'      #007acc,
    blue700:          'Blue / 700'      #005f9e,
    blue800:          'Blue / 800'      #003d65,
    blue900:          'Blue / 900'      #001c2e,

    orange100:          'Orange / 100'      #fffaf4,
    orange200:          'Orange / 200'      #ffefcb,
    orange300:          'Orange / 300'      #ffe39f,
    orange400:          'Orange / 400'      #ffc14d,
    orange500:          'Orange / 500'      #ff9b00,
    orange600:          'Orange / 600'      #d27f00,
    orange700:          'Orange / 700'      #a86600,
    orange800:          'Orange / 800'      #6b4100,
    orange900:          'Orange / 900'      #2e1c00,
);

@function color($label) {
  $color: map-get($colors, $label);

  @if $color {
    @return nth($color, 2);
  }

  @warn 'No specified color for '#{$label}'; add your own to colors.scss';
  @return null;
}