:root {
  --color-primary: #6933d3;
  --color-primary-dark: #130951;

  --color-body: #2b2d42;
  --color-body-light: #6b6c7b;

  --color-bg: #e6e9ee;
  --color-bg-light: #f4f6f9;

  --color-success: #00a331;
  --color-danger: #cb2c2c;
  --color-info: #0061ab;
  --color-warning: #d68309;

  --color-hover: #f2f2f2;
  --color-selected: #efe5ff;
  --color-placeholder: #a6a7b0;
  --color-disabled: #e6e5e8;

  --color-white: #ffffff;

  --alert-success: #00a331;
  --alert-danger: #cc0000;
  --alert-warning: #f5b900;
  --alert-info: #0091ff;

  --font-light: proxima-nova-light;
  --font-normal: proxima-nova;
  --font-bold: proxima-nova-bold;

  --weight-400: 400;
  --weight-500: 500;
  --weight-600: 600;

  --h28-size: 28px;
  --h28-line-height: 34px;
  --h28-weight: var(--weight-400);

  --h20-size: 20px;
  --h20-line-height: 24px;
  --h20-weight: var(--weight-600);

  --h16-size: 16px;
  --h16-line-height: 20px;
  --h16-weight: var(--weight-500);

  --b14-size: 14px;
  --b14-line-height: 18px;
  --b14-weight: var(--weight-500);

  --p14-size: 14px;
  --p14-line-height: 20px;
  --p14-weight: var(--weight-500);

  --b12-size: 12px;
  --b12-line-height: 16px;
  --b12-weight: var(--weight-600);

  font-size: 16px;
}