:root {
  --brand-50: 236 236 247;
  --brand-100: 216 216 238;
  --brand-200: 187 187 226;
  --brand-300: 148 147 208;
  --brand-400: 96 94 182;
  --brand-500: 30 27 68;
  --brand-600: 26 23 60;
  --brand-700: 22 20 52;
  --brand-800: 18 16 42;
  --brand-900: 14 12 32;
}