@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@500;600;700&display=swap');

body {
    font-family: 'DM Sans', sans-serif;
    color: #29372d;
}

h1, h2, h3 {
    font-family: 'Playfair Display', serif;
}

.navbar {
    background-color: #203629;
}

.navbar-brand {
    color: #dfbd69;
    font-family: 'Playfair Display', serif;
}

.nav-link {
    color: #f5f1e7;
}

.nav-link:hover {
    color: #dfbd69;
}

.dropdown-menu {
    background-color: #f5f1e7;
}

.dropdown-item {
    color: #203629;
}

.dropdown-item:hover {
    background-color: #dce3d5;
}

.hero {
    background-color: #3e6048;
    color: #f5f1e7;
    padding: 95px 20px;
}

.hero h1 {
    font-size: 3rem;
    margin: 15px 0;
}

.intro-text {
    max-width: 650px;
    margin: 0 auto;
    line-height: 1.8;
}

.eyebrow,
.park-location {
    color: #b18c3d;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.hero .eyebrow {
    color: #dfbd69;
}

.section-intro {
    margin-bottom: 35px;
}

.card {
    border: 1px solid #e2e0d6;
    box-shadow: 0 4px 12px rgba(32, 54, 41, 0.08);
}

.card img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.card-title {
    color: #304b39;
}

.card-text,
.park-highlights p {
    line-height: 1.7;
}

.park-link {
    color: #304b39;
    font-weight: 700;
}

.park-link:hover {
    color: #98742d;
}

.park-highlights {
    background-color: #f5f1e7;
}

.responsible-travel {
    background-color: #304b39;
    color: #f5f1e7;
}

.responsible-travel p {
    max-width: 700px;
    margin: 15px auto;
}

footer {
    background-color: #203629;
    color: #f5f1e7;
}

footer a {
    color: #dfbd69;
}

.footer-divider {
    color: #dfbd69;
}

@media (max-width: 576px) {
    .hero {
        padding: 70px 20px;
    }

    .hero h1 {
        font-size: 2.2rem;
    }

    .card img {
        height: 210px;
    }
}