:root {
  /* colors */
  --color-white: #fff;
  --primary-color: #6d569a;
  --secondary-color: #6da6b2;
  --search-bg: #ece9f2;
  --granite-gray: #606060;
  --color-black: #000;

  /* font-family */
  --poppins-light: "poppins-light";
  --poppins-regular: "poppins-regular";
  --poppins-medium: "poppins-medium";
  --poppins-semibold: "poppins-semibold";
  --poppins-bold: "poppins-bold";
  --poppins-italic: "poppins-italic";

  /*border-radius*/
  --radius-5: 5vw;

  /*Padding*/
  --spacer: 5vw;

  /*gradient*/
  --gradient: linear-gradient(
    90deg,
    rgba(109, 88, 155, 1) 0%,
    rgba(109, 163, 178, 1) 100%
  );
  --gradient-reverse: linear-gradient(
    90deg,
    rgba(109, 163, 178, 1) 0%,
    rgba(109, 88, 155, 1) 100%
  );
}