:root {
  --mp-color-light: #736dff;
  --mp-color-lighter: #a5a0ff;
  --mp-color-warning: #ffcc00;
  --mp-color-danger: #ff4d4f;

  --mp-primary-50: #f5f4ff;
  --mp-primary-100: #e8e6ff;
  --mp-primary-200: #d1ceff;
  --mp-primary-300: var(--mp-color-lighter);
  --mp-primary-400: var(--mp-color-light);
  --mp-primary-500: #7773c7;
  --mp-primary-600: #5d57e6;
  --mp-primary-700: #4a44cc;
  --mp-primary-800: #3d37b3;
  --mp-primary-900: #2f2a99;
  --mp-primary-950: #1f1a66;
}