/* Smooth scrolling behavior */
html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'Outfit';
  src: url('../assets/fonts/Outfit-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

/* Minimal custom CSS - using Tailwind for most animations */
#mobile-menu-overlay {
  backdrop-filter: blur(4px);
}

/* Only keep essential custom animations that Tailwind can't handle easily */
#mobile-menu-panel nav a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.1), transparent);
  transition: width 0.3s ease;
  z-index: -1;
}

#mobile-menu-panel nav a:hover::before {
  width: 100%;
}