:root {
  /* Colors */
  --Basic-Black: #16161e;
  --Primary-blue-100: #b9bbf3;
  --Primary-blue-500: #3d42df;
  --Primary-blue-600: #3337bb;
  --Primary-blue-400: #5c60e4;
  --Gray-900: #2f2f39;
  --Gray-800: #444452;
  --Gray-700: #59596b;
  --Gray-300: #ababbd;
  --Gray-400: #9797ae;
  --Gray-50: #dcdce4;

  --Basic-White: #fff;
  --Link-color: #5c60e4;
  --Link-hover-color: #3d42df;
  --Secondary-violet-500: #7c42cd;
  --primary-color: #007bff;
  --secondary-color: #6c757d;
  --background-color: #f8f9fa;
  --text-color: #333333;
  --link-color: #007bff;
  --link-hover-color: #0056b3;
  --success-color: #28a745;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --white-transparent-16: rgba(255, 255, 255, 0.16);
  --white-transparent-12: rgba(255, 255, 255, 0.12);

  /* Backgrounds and Shadows */
  --secondary-bg: rgba(255, 255, 255, 0.08);
  --secondary-bg-hover: rgba(255, 255, 255, 0.24);
  --card-bg: rgba(255, 255, 255, 0.04);
  --box-shadow: 0px 8px 24px 0px rgba(61, 66, 223, 0.32);
  --box-shadow-hover: 0px 16px 32px 0px rgba(61, 66, 223, 0.4);

  /* Fonts and Typography */
  --font-family-poppins: "Poppins", sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;
  --line-height-150: 150%;
  --font-size-headline-hero: 4.25rem;
  --font-size-h1: 3.4375rem;
  --font-size-h2: 2.75rem;
  --font-size-h3: 2.1875rem;
  --font-size-h4: 1.75rem;
  --font-size-h5: 1.375rem;
  --font-size-body-18: 1.125rem;
  --font-size-body-14: 0.875rem;
  --font-size-small: 0.75rem;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 400;

  /* Spacing and Layout */
  --spacing-unit: 1rem;
  --spacing-unit-mobile: 0 1.5rem;
  --spacing-mobile: 4rem 1.5rem;
  --border-radius: 0.5rem;
  --border-radius-1: 1rem;
  --max-width: 90rem;
  --half: 50%;

  /*Opacity*/
  --opacity32: 0.32;
  --opacity40: 0.4;
  --opacity60: 0.6;
  --opacity80: 0.8;

  /*Blur effects*/
  --blur-ease: blur(40px);
  --blur-medium: blur(60px);
  --blur-hard: blur(120px);

  /* Navbar */
  --navbar-height: 3.3rem;
  --navbar-z-index: 10;
  --navbar-mobile-z-index: 1000;
  --navbar-padding-mobile: 0.5rem 1rem;
  --navbar-padding-desktop: 0.5rem 5rem;
  --navbar-max-width: 90rem;
  --logo-size-mobile: 4.5625rem;
  --logo-height-mobile: 1.5rem;
  --logo-size-desktop: 6.0625rem;
  --logo-height-desktop: 2rem;
  --burger-size: 1.5rem;
  --burger-height: 1rem;
  --burger-line-height: 2.15px;
  --burger-line-radius: 0.15rem;
  --menu-gap-mobile: 1rem;
  --menu-gap-desktop: 0.5rem;
  --menu-gap-desktop-md: 1.5rem;
  --menu-gap-desktop-lg: 3.25rem;

  /* Submenu */
  --submenu-width: 30.8125rem;
  --submenu-padding: 2rem;
  --submenu-gap: 0.5rem;
  --submenu-border-radius: 1rem;
  --submenu-bg: rgba(255, 255, 255, 0.08);
  --submenu-blur: blur(32px);
  --submenu-font-size-mobile: 0.875rem;
  --submenu-font-size-small-mobile: 0.625rem;

  /* Transitions */
  --transition-fast: 0.1s ease;
  --transition-medium: 0.3s ease;
  --transition-slow: 0.4s ease;

  /* Icons */
  --icon-size: 16px;
  --icon-margin: 0.25rem;

  /* Width spotlight images*/
  --max-width-spotlight-image-1: 7.15rem;
  --max-width-spotlight-image-2: 6.45rem;
  --max-width-spotlight-image-3: 5.45rem;
  --max-width-spotlight-image-4: 5.45rem;
  --max-width-spotlight-image-5: 9.4rem;
  --max-width-spotlight-image-6: 3.75rem;

  /*Blog variables*/
  --blog_hero-gap: 2rem;
  --blog_hero-left: 33rem;
  --blog_hero-radius: 1rem;
  --blog_hero-max: calc(
    var(--blog_hero-left) + var(--blog_hero-gap) + 22.5rem +
      var(--blog_hero-gap) + 22.5rem
  );
  --blog_hero-card-sm-h: 19rem;

  /*Navbar variables*/
  --sub-dur: 240ms;
  --sub-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}