html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, .font-display {
  font-family: 'Outfit', sans-serif;
}

section {
  scroll-margin-top: 80px;
}

/* Mobile: header always has dark background so it stays visible */
@media (max-width: 767px) {
  #navbar {
    background-color: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: blur(8px);
  }
}

@keyframes fade-in-down {
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-down {
  animation: fade-in-down 0.3s ease-out forwards;
}