:root {
    --verde-scuro: #136861;
    --verde-principale: #198A29;
    --verde-chiaro: #9FE986;
    --verde-acqua: #A9EFCE;
    --verde-prato: #7BAD1F;
    --giallo: #DDD641;
    --ocra: #CF8625;
    --corallo: #E37963;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: #f9fdfb;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

h1, h2, h3 {
    font-family: 'Playfair Display', serif;
    color: var(--verde-scuro);
}

/* Navbar */
.navbar {
    background-color: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.navbar-brand img {
    height: 50px;
}

.nav-link {
    color: var(--verde-scuro) !important;
    font-weight: 500;
}

.nav-link:hover {
    color: var(--verde-principale) !important;
}

/* Hero */
.hero {
    background: linear-gradient(
    rgba(19,104,97,0.6),
    rgba(19,104,97,0.6)
    ), url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee') center/cover;
    color: white;
    padding: 120px 0;
    text-align: center;
}

.hero h1 {
    color: #fff;
    font-size: 3rem;
}

.hero p {
    font-size: 1.3rem;
    font-weight: 300;
}

.btn-natura {
    background-color: var(--verde-principale);
    color: white;
    border-radius: 30px;
    padding: 12px 30px;
    border: none;
}

.btn-natura:hover {
    background-color: var(--verde-scuro);
}

/* Section */
section {
    padding: 80px 0;
}

.section-light {
    background-color: var(--verde-acqua);
}

/* Footer */
footer {
    background-color: var(--verde-scuro);
    color: white;
    padding: 40px 0;
}

footer a {
    color: var(--verde-chiaro);
    text-decoration: none;
}