/* Base styles for the entire document */
@font-face {
  font-family: "Inter";
  src: local("Inter");
  font-display: swap;
}
body {
  font-family: "Inter", sans-serif;
}

/* Scroll-spy section targeting for smooth scrolling */
section {
  padding-top: 5rem; /* Space for sticky header/nav */
  padding-bottom: 5rem;
}

/* Custom scrollbar for a cleaner look */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: #00b2e2;
  border-radius: 4px;
}
::-webkit-scrollbar-track {
  background: #e2e8f0;
}

/* Sticky sidebar (desktop) */
@media (min-width: 1024px) {
  .sticky-sidebar {
    position: sticky;
    top: 5rem; /* Below the main header */
    height: calc(100vh - 5rem);
  }
}

/* Fallback spin animation if Tailwind isn't available */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}