/* Base styles and smooth scrolling */
html {
  scroll-behavior: smooth;
}

body {
  font-family: system-ui, -apple-system, sans-serif;
  background-color: #09090b; /* zinc-950 */
  color: #d4d4d8; /* zinc-300 */
  overflow-x: hidden;
}

/* Hide scrollbar for sections */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* Simple fade-in animation for scroll */
.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.nav-link {
  transition: color 0.3s;
}
.nav-link:hover, .nav-link.active {
  color: #eab308;
}