:root {
    --color-primary: #0038A8; /* Dark Blue */
    --color-secondary: #CE1126; /* Bright Red */
    --color-accent: #FCD116; /* Gold/Yellow */
}

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

/* Custom scrollbar for better aesthetics */
body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-track {
    background: #f1f1f1;
}
body::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 4px;
}

/* Style for active navigation link */
.nav-link.active {
    border-bottom: 3px solid var(--color-accent);
}

/* Hero Section Styling */
#home {
    background-image: url('../bg_protest.webp'); /* adjust path if needed */
    background-size: cover;
    background-position: center;
    position: relative;
}

/* Overlay for contrast */
#home::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 56, 168, 0.75); /* 75% opacity of primary blue */
    z-index: 10;
}

#home .z-20 {
    z-index: 20; /* Ensure text is above the overlay */
}