// === Colors === //
$colors:(
  white: #FFFFFF,
  gray: (
  00: #F8F9FA,
  01: #F1F3F5,
  02: #E9ECEF,
  03: #DEE2E6,
  04: #CDD4D9,
  05: #ACB5BC,
  06: #858E96,
  07: #485057,
  08: #333A40,
  09: #202528
  ),
  blue: (
    01: #0E9DEC,
    02: #008EE2,
    03: #0081D2,
    04: #0074BF
  ),
  green: (
    01: #65DB83,
    02: #3AC05F,
    03: #31B255,
    04: #299E4B,
    05: #1E813B
  ),
  purple: (
    01: #B642D6,
    02: #A536C2,
    03: #922FAC,
    04: #7B2991
  ),
  red: (
    01: #FF676D,
    02: #F43541,
    03: #E42634,
    04: #CD202D
  ),
  yellow:(
  01: #FFD14F,
  02: #FFC138,
  03: #FEAD2E,
  04: #F99C28
  )
);
@function color($color, $tone: 'base') {
  @return map-get(map-get($colors, $color), $tone);
}