:root {
  --brand-50: 239 241 246;
  --brand-100: 223 227 236;
  --brand-200: 196 202 219;
  --brand-300: 164 172 198;
  --brand-400: 135 147 178;
  --brand-500: 111 125 158;
  --brand-600: 98 110 139;
  --brand-700: 84 94 119;
  --brand-800: 69 77 98;
  --brand-900: 54 60 76;
}