:root {
  --bs-font-family-heading: 'Inter', sans-serif;
  --bs-image-bg: url("/assets/img/colors-bg.svg?h=63b6b74430fd101002c1d495dfb97237");
  --bs-gradient-opacity: 0.3;
  --bs-gradient-start: 0;
  --bs-gradient-end: 1600px;
}

.navbar {
  background: rgba(255, 255, 255, 0.85);
  background: transparent;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

body {
  background-repeat: no-repeat;
  background-image: linear-gradient(rgba(var(--bs-body-bg-rgb), var(--bs-gradient-opacity)) var(--bs-gradient-start), var(--bs-body-bg) var(--bs-gradient-end)), var(--bs-image-bg);
  background-size: 2000px 2000px;
  background-position: center -480px;
}

.bg-custom-gradient {
  --bs-gradient-opacity: 0.6;
  background-repeat: no-repeat;
  background-image: linear-gradient(rgba(var(--bs-body-bg-rgb), var(--bs-gradient-opacity)) var(--bs-gradient-start), var(--bs-body-bg) var(--bs-gradient-end)), var(--bs-image-bg);
  background-size: cover;
  background-position: center center;
}

[data-bs-theme="dark"] .bg-custom-gradient, .bg-custom-gradient[data-bs-theme="dark"] {
  --bs-gradient-opacity: 0.7;
}