$propflow-colors: (
  'purple': (
    'lighter': rgb(246, 240, 253),
    'light': rgb(227, 208, 255),
    'base': rgb(156, 106, 222),
    'dark': rgb(80, 36, 143),
    'darker': rgb(35, 0, 81),
    'text': rgb(80, 73, 90),
  ),
  'indigo': (
    'lighter': rgb(244, 245, 250),
    'light': rgb(179, 188, 245),
    'base': rgb(92, 106, 196),
    'dark': rgb(32, 46, 120),
    'darker': rgb(0, 6, 57),
    'text': rgb(62, 65, 85),
  ),
  'blue': (
    'lighter': rgba(#316be4, 0.12),
    'light': #c9d4ea,
    'base': #316be4,
    'dark': #263975,
    'darker': #000829,
    'text': #0A1836,
  ),
  'teal': (
    'lighter': rgb(224, 245, 245),
    'light': rgb(183, 236, 236),
    'base': rgb(71, 193, 191),
    'dark': rgb(0, 132, 142),
    'darker': rgb(0, 49, 53),
    'text': rgb(64, 83, 82),
  ),
  'green': (
    'lighter': rgba(#83B746, 0.12),
    'light': #cbe4d1,
    'base': #65B878,
    'dark': #4A6A2D,
    'darker': #273A17,
    'text': #0A1836,
  ),
  'yellow': (
    'lighter': rgba(#F4A90F, 0.12),
    'light': #fdd278,
    'base': #F4A90F,
    'dark': #9F5503,
    'darker': #5B2D01,
    'text': #0A1836,
  ),
  'orange': (
    'lighter': rgb(252, 235, 219),
    'light': rgb(255, 197, 139),
    'base': rgb(244, 147, 66),
    'dark': rgb(192, 87, 23),
    'darker': rgb(74, 21, 4),
    'text': rgb(89, 68, 48),
  ),
  'red': (
    'lighter': #F9DFDB,
    'light': #f3c9c3,
    'base': #D63921,
    'dark': #88170E,
    'darker': #4B0B07,
    'text': #0A1836,
  ),
  'white': (
    'base': rgb(255, 255, 255),
  ),
  'sky': (
    'lightest': #F7F8F9,
    'lighter': #F0F1F3,
    'light': #E4E6EB,
    'base': #D5D9E0,
    'dark': #C7CBD6,
  ),
  'ink': (
    'lightest': #8F9BB3,
    'lighter': #6a7694,
    'light': #364159,
    'base': #0A1836,
  ),
  'black': (
    'base': rgb(0, 0, 0),
  ),
  'state': (
    'base': rgba(#0A1836, 0.06), // Ink
    'hover': rgba(#0A1836, 0.1), // Ink
    'focused': rgba(#0A1836, 0.1), // Ink
    'press': rgba(#0A1836, 0.15), // Ink
    'active': rgba(179, 188, 245, 0.1), // Indigo Light
    'selected': rgba(179, 188, 245, 0.15), // Indigo Light
    'subdued': rgba(#5E677D, 1), // Sky Lighter
    'disabled': rgba(#5E677D, 1), // Sky Lighter
  ),
);