:root {
  --text: white;
  --text-light: #191d38;
  --bg-color: #202024;
  --bg-color-light: white;
  --main-color: #3C88C8;
  --main-color-hover: #2f7bba;
  --main-color-light: #bedffb;
  --secondary-color: #202020;
  --secondary-color-hover: #d1133a;
  --main-font: 'Inter', Arial, Sans-serif, serif;
  --white: #ffffff;
  --red: #B075FB;
  --error: #FF0000;
  --red-hover: #BA3D4C;
  --gray: #AEAEAE;
  --gray-light: #e8e8e8;
  --gray-light-bg: #F5F5F5;
  --success:#93C35E;
  --green:rgba(132,175,84,1);
  --green-hover:rgba(132,175,84,.9);
  --green-light:rgba(132,175,84,.5);
  --link-transition: color .2s ease-in-out, border .2s ease-in-out;
  --transition: all .2s ease-in-out;
  --black: #2f2f2f;
  --pink: #C02482;
  --pink-hover: #AC2075;
  --violet: rgba(81, 106, 126, 1);
  --violet-hover: rgba(81, 106, 126, .9);
  --violet-light: rgba(81, 106, 126, .5);
  --orange: #EC7D3D;
  --orange-hover: #D47037;
}