$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': #e6edfb,
    'light': #c9d4ea,
    'base': #2E64D9,
    'dark': #1B47A6,
    '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(#2E995B, 0.12),
    'light': #CAE3D4,
    'base': #2E995B,
    'dark': #2D6B43,
    'darker': #273A17,
    'text': #0A1836,
  ),
  'yellow': (
    'lighter': rgba(#E9900B, 0.12),
    'light': #fdd278,
    'base': #E9900B,
    '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': #5E6880,
    '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
  ),
);