:root {
    --cat-primary: #7A3B2E;
    --cat-accent: #C4856A;
    --cat-gold: #D4A574;
    --cat-bg-start: #F5EDE4;
    --navbar-scrolled-bg: #7A3B2E;
    --cat-bg-end: #E0C9B4;
}

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: #5a2a1f; }

@media (max-width: 900px) {
    #nav-links { background-color: #5a2a1f !important; }
}

.page-hero {
    width: 100%;
    min-height: 420px;
    padding: 8rem 5% 5rem;
    background-image: linear-gradient(rgba(40,15,8,0.55), rgba(40,15,8,0.80)),
        url('https://images.unsplash.com/photo-1586611292717-f828b167408c?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: #3a1a10; }
.location-img-wrap { border-color: rgba(196,133,106,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(212,165,116,0.4), transparent); }

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