/* =========================================================
   Organize color variables in a Sass Map.
   This way, the colors can be iterated, are more organized,
   and are more intuitive to reference.
   ========================================================= */

$palettes: (
  'neutral': (
    0: #ffffff,
    100: #F1F1F1,
    200: #D8D8D8,
    500: #808080,
    900: #0D0D0D,
  ),
  'action': (
    500: #328dfc,
  ),
  'warning': (
    100: #fef5e1,
    500: #f8cd6b,
    700: #da9b0c,
  ),
  'negative': (
    500: #cf3e3e,
  ),
  'positive': (
    100: #c1decd,
    500: #3ecf8e,
  ),
);