:root {
    --cat-primary: #2D5016;
    --cat-accent: #8BA87A;
    --cat-gold: #B8A05A;
    --cat-bg-start: #F4F1EB;
    --navbar-scrolled-bg: #2D5016;
    --cat-bg-end: #DDD5BC;
}

body {
    background: linear-gradient(180deg, var(--cat-bg-start) 0%, var(--cat-bg-end) 100%);
    }

.navbar { background-color: var(--cat-primary) !important; border-bottom-color: #1a3009; }

/* Fix: only apply dark bg to mobile nav, not desktop */
@media (max-width: 900px) {
    #nav-links { background-color: #1a3009 !important; }
}

.page-hero {
    width: 100%;
    min-height: 420px;
    padding: 8rem 5% 5rem;
    background-image: linear-gradient(rgba(20,35,10,0.55), rgba(20,35,10,0.80)),
        url('https://images.unsplash.com/photo-1509041322357-8a3f9757a475?auto=format&fit=crop&w=2200&q=80');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    border-bottom: 4px solid var(--cat-gold);
    position: relative;
}

.page-label { color: var(--cat-gold); }
.page-title { color: #ffffff; }
.page-desc { color: rgba(255,255,255,0.85); }
.gold-line { background: var(--cat-gold); }

.location-tag { color: var(--cat-accent); }
.location-name { color: #1a2e0a; }
.location-img-wrap { border-color: rgba(139,168,122,0.35); }
.explore-btn { background: var(--cat-primary); border-color: var(--cat-primary); }
.explore-btn:hover { background: transparent; color: var(--cat-primary); }

.section-label { color: var(--cat-gold); }
.section-divider { background: linear-gradient(to right, transparent, rgba(184,160,90,0.4), transparent); }

.footer-col h3 { color: var(--cat-gold); border-bottom-color: rgba(184,160,90,0.3); }
.footer { border-top-color: rgba(184,160,90,0.3); }
.navbar.scrolled {
    background-color: var(--cat-primary) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}