:root {
    --cat-primary: #0D1B2A;
    --cat-accent: #7BA7BC;
    --cat-gold: #7BA7BC;
    --cat-bg-start: #E8EEF2;
    --navbar-scrolled-bg: #0D1B2A;
    --cat-bg-end: #C5D3DC;
}

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: #060d15; }

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

.page-hero {
    width: 100%;
    min-height: 420px;
    padding: 8rem 5% 5rem;
    background-image: linear-gradient(rgba(6,13,21,0.5), rgba(6,13,21,0.78)),
        url('../pages/qatarmodern.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    border-bottom: 4px solid var(--cat-accent);
    position: relative;
}

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

.location-tag { color: var(--cat-accent); }
.location-name { color: #0d1b2a; }
.location-img-wrap { border-color: rgba(123,167,188,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-accent); }
.section-divider { background: linear-gradient(to right, transparent, rgba(123,167,188,0.4), transparent); }

.footer-col h3 { color: var(--cat-accent); border-bottom-color: rgba(123,167,188,0.3); }
.footer { border-top-color: rgba(123,167,188,0.3); }
.navbar.scrolled {
    background-color: var(--cat-primary) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}