:root {
    /* Your brand colors */
    --cv-primary: #839151;
    --cv-secondary: #15233F;
    --cv-accent: #e0e7d1;  /* Light green accent */
    
    /* Override Bootstrap colors */
    --bs-primary: var(--cv-primary);
    --bs-primary-rgb: 131, 137, 81;
    --bs-secondary: var(--cv-secondary);
    --bs-secondary-rgb: 35, 31, 32;
    
    /* Primary color variations */
    --bs-primary-bg-subtle: #f0f1ea;
    --bs-primary-border-subtle: #c4c6a8;
    --bs-primary-text-emphasis: #4a4d2c;
    
    /* Button variations */
    --bs-btn-close-bg: var(--cv-primary);
}

/* Ensure all primary elements use color */
.btn-primary,
.bg-primary,
.text-primary,
.border-primary,
.badge.bg-primary,
.alert-primary,
.card-header.bg-primary {
    --bs-primary: var(--cv-primary) !important;
}

.text-primary {
    color: #839151 !important;;
}
.btn-primary {
    background-color: #839151 !important; /* Default button color */
    border-color: #839151 !important; /* Default border color */
    color: #15233F !important; /* Text color */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #fff !important; /* Hover, focus, and active button color */
    border-color: #15233F !important; /* Hover, focus, and active border color */
    color: #839151 !important; /* Text color */
}

.navbar-dark {
    background-color:
        #231F20 !important;
}
.bg-summer {
    background-color: #839151 !important;
}
.switchseason {
    border: 1px solid #839151;
}
.switchseason a, .text-footer, .social-icons a, .navbar-dark .navbar-nav .nav-link-top {
    color: #839151;
}
.social-icons a:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link-top:hover {
    color: #fff !important;
}
.switchseason a:hover {
    background-color: #839151;
    color: #fff !important;
}
.switchseason a.active, .text-footer.active, .social-icons a.active, .navbar-dark .navbar-nav .nav-link-top.active {
    background-color: #839151;
    color: #fff;
}
/* .navbar-dark .navbar-nav .nav-link {
    color: #839151 !important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #fff !important;
} */

/* css for bikefest page */
.bikefest-section {
    background: linear-gradient(135deg, 
        rgba(35, 31, 32, 0.8), 
        rgba(131, 145, 81, 0.8)), 
        url('https://assets.centrevorlage.ca/bikefest-hero-bg.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}


@media (max-width: 768px) {
    .bikefest-section {
        background-attachment: scroll;
    }
    
    .display-1 {
        font-size: 3.5rem;
    }
}