:root {
    --main-color: #4a2eb3;
    --main-text-color: #fff;
    --shadow: hsla(277, 90%, 54%, 0.259);
    --color2: rgb(168, 127, 255);
    --tab-box: #fff;
    --icon: #686369;
    --menu: #9c5fff;
    --nav:#f5e3fd;
    --menu-dark:#390586;
    --img-border:#9983e9;
    --checkbox-back:#c5b0f5;
    --text:#ffffff;
    --text-dark:rgb(80, 39, 137);
    --text-light:#fff;
    --black:#000;
    --overlay:rgb(28 0 100 / 73%);
    --login-form:0 5px 8px 0 rgb(146 106 241 / 43%), 0 9px 26px 0 rgb(217 235 255 / 18%);
    --nav-logo: #503aa3;
  }