@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap');

html {
  scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Floating animation for icons */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.animate-float {
  animation: float 4s infinite ease-in-out;
}

/* Zoom animation for hero background */
@keyframes zoomBg {
  0% { transform: scale(1.02); }
  100% { transform: scale(1.08); }
}
.animate-zoom-bg {
  animation: zoomBg 20s infinite alternate ease-in-out;
}

/* Custom Owl Carousel Dots */
.owl-theme .owl-dots {
  text-align: center;
  margin-top: 32px;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 8px;
  background: #cbd5e1;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.3s ease;
  border-radius: 9999px;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
  background: #7c3aed; /* Brand violet */
  width: 24px; /* Pill stretch effect */
}

/* Scroll Spy: Active Link Styling */
.nav-link.active {
  color: #7c3aed !important; /* Brand purple */
  font-weight: 700 !important;
}

.mobile-nav-link.active {
  color: #7c3aed !important;
  font-weight: 700 !important;
  border-left: 3px solid #7c3aed;
  padding-left: 8px;
}