// PRIMARY
$blue: (
    50: #E9EBF8,
    100: #726BFF,
    300: #0C00FF,
    500: #07009C
);

// SECONDARY
$green: (   
    50: #E6FFF3,
    100: #6BFFB9,
    300: #00FF87,
    500: #009C52
);

// TERTIARY
$purple: (
    50: #FAE6FF,
    100: #E26BFF,
    300: #CD00FF,
    500: #7D009C
);

//GREY
$grey: (
    50: #fbfbfb,
    100: #e9e9e9,
    300: #D9D9D9,
    500: #848484
);

// SHADOWS
$shadow: (
  button: 0px 4px 4px rgba(0, 0, 0, 0.25),
  header: 0px 12px 20px rgba(0, 0, 0, 0.07),
  aside: 0px 12px 20px rgba(0, 0, 0, 0.07),
  loading: rgba(236, 242, 249, 0.6)
);

// ERROR
$error:(
    50: #ffe6e6,
    100: #ff7070,
    300: #ff0909,
    500: #9c0505
);

// SUCCESS
$success:(
    50: #f4faee,
    100: #c0e49a,
    300: #92d050,
    500: #597f31
);

// WARNING
$warning:(
    50: #fffbe6,
    100: #ffe96b,
    300: #ffd900,
    500: #9c8400
);

// INFO
$info:(
    50: #ecf2f9,
    100: #8eb5db,
    300: #3d80c1,
    500: #254e76
);