body {
  /* colors */
  --white: #FFFFFF;
  --violet: #7F5AF0;
  --violet-1: #5732C8;
  --violet-2: #241357;
  --green: #00E9BA;
  --black: #16161A;
  --black-1: #21272A;
  --grey: #C6C6C6;
  --grey-1: #BCBCBC;
  --linear: linear-gradient(223.94deg, #00E9BA 3.36%, #7F5AF0 100%);


  /* borders */
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;

  /* shadows */
  --shadow-input: 0px 8px 20px rgba(127, 90, 240, 0.4);
  --shadow-button: 0px 8px 20px rgba(127, 90, 240, 0.3);

  /* transitions */
  --transition: 0.3s;

  /* sizes */
  --header-height: 52px;
}