:root {
   /* COLORS */
   --text-dark: #222222;
   --text-light: #ffffff;
   --text-grey: #adbddc;

   --purple-1: #6962f7;
   --purple-2: #7000ff;
   --blue-1: #00d4ff;
   --primary-accent: #0a2540;
   --primary-button-hover: #6d7aa8;
   --bg-white: white;
   --bg-light: #f7f9fc;
   --primary-gradient: linear-gradient(
      101.33deg,
      #08209a 0.76%,
      #6563ff 33.33%,
      #36c5f0 76.92%,
      #83e2ff 96.96%
   );

   --gradient-color-1: #ef008f;
   --gradient-color-2: #6ec3f4;
   --gradient-color-3: #7038ff;
   --gradient-color-4: #ffba27;

   --standard-box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.15);

   /* FONTS */
   --body-font: "Roboto", sans-serif;
   --heading-font: "Anek Telugu", sans-serif;

   /* HEADERS */
   --h1-size: 94px;
   --h2-size: 50px;
   --h3-size: 40px;
   --h4-size: 32px;
   --h5-size: 28px;
   --h6-size: 22px;
   --h1-line-height: 108px;
   --h2-line-height: 75px;

   /* TEXT */
   --subtitle-size: 17px;
   --subtitle-height: 26px;
   --p-size: 18px;
   --p-height: 26px;
   --secondary-text-size: 14px;
   --secondary-text-height: 18px;
   --button-size: 16px;

   /* SPACING */
   --spacing-sm: 8px;
   --spacing-md: 16px;
   --spacing-lg: 32px;
   --spacing-xl: 64px;

   --standard-width: 1144px;

   /* BORDER */
   --standard-border-radius: 20px;
}