:root {
  --brand-50: #f2f4ff;
  --brand-50-text: #000000;
  --brand-100: #e2e6ff;
  --brand-100-text: #000000;
  --brand-200: #c5ceff;
  --brand-200-text: #000000;
  --brand-300: #96a2ff;
  --brand-300-text: #000000;
  --brand-400: #6c71ff;
  --brand-400-text: #000000;
  --brand-500: #4d42e1;
  --brand-500-text: #ffffff;
  --brand-600: #3817be;
  --brand-600-text: #ffffff;
  --brand-700: #230087;
  --brand-700-text: #ffffff;
  --brand-800: #130057;
  --brand-800-text: #ffffff;
  --brand-900: #070031;
  --brand-900-text: #ffffff;
}