/* style.css */

/* Global styles for the Inter font */
body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth; /* Smooth scroll for anchor links */
}

/* Custom styles for the sticky navbar behavior */
#navbar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000; /* Ensure navbar is above other content */
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Add padding to body to prevent content from being hidden behind fixed navbar */
body {
    padding-top: 70px; /* Adjust based on your navbar's height */
}

/* Adjust padding for smaller screens if needed */
@media (max-width: 768px) {
    body {
        padding-top: 60px; /* Smaller padding for mobile */
    }
}

/* Active navigation link styling (handled by JS, but define here) */
.nav-link.active {
    color: #4F46E5; /* Indigo-700 */
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

/* Smooth scroll behavior fallback for browsers that don't fully support scroll-behavior: smooth */
html {
    scroll-behavior: smooth;
}