@mixin colors {
  --color-white: #ffffff;

  --color-grey-700: rgba(48, 49, 64, 1);
  --color-grey-500: rgba(114, 115, 135, 1);
  --color-grey-300: rgba(229, 229, 237, 1);
  --color-grey-200: rgba(247, 247, 248, 1);

  --color-purple: #5e21f1;
  --color-purple-950: #271041;
  --color-purple-900: #331b4e;
  --color-purple-700: #502c9e;
  --color-purple-500: #5e21f1;
  --color-purple-200: #e2d6ff;
  --color-purple-alpha: rgba(94, 33, 241, 0.15);

  --color-green-700: #086554;
  --color-green-500: #1ed5a4;
  --color-green-200: #abf3e0;
  --color-green-alpha: rgba(30, 213, 164, 0.15);

  --color-blue-700: #0054b6;
  --color-blue-500: #0094ff;
  --color-blue-200: #d0e4fd;
  --color-blue-alpha: rgba(0, 148, 255, 0.15);

  --color-yellow-700: #c88502;
  --color-yellow-500: #ffb546;
  --color-yellow-200: #fff0da;
  --color-yellow-alpha: rgba(255, 181, 70, 0.2);

  --color-red-700: #68052f;
  --color-red-500: #f11672;
  --color-red-200: #ffd6dd;
  --color-red-alpha: rgba(241, 22, 114, 0.15);
}