:root {
    --forest: #285b47;
    --forest-soft: #356b56;
    --mint: #6dce91;
    --warm-light: #f1eadc;
}

.button:not(.button-ghost) {
    border-color: var(--mint);
    background: var(--mint);
    color: #173029;
}

.hero .button-ghost {
    border-color: var(--mint);
    background: var(--mint);
    color: #173029;
    backdrop-filter: none;
}

.button:not(.button-ghost):hover {
    background: #7bd79b;
}

.button-outline,
.final-cta .button-outline {
    border-color: var(--mint);
    background: var(--mint);
    color: #173029;
}

.site-footer,
.therapy-safety {
    background: var(--forest);
}

.quote-section,
.foster-quote {
    background: var(--mint);
    color: #173029;
}

.quote-section .eyebrow,
.quote-section .quote-credit,
.foster-quote p {
    color: #285b47;
}

.quote-section .quote-credit span {
    color: #356b56;
}

.final-cta,
.therapy-inquiry,
.foster-start {
    background: var(--warm-light);
}

.footer-slogan {
    margin-bottom: .45rem !important;
    color: #a9e8be !important;
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: .06em;
}

.foster-hero-shade {
    background: linear-gradient(90deg, rgba(40, 91, 71, .96) 0%, rgba(40, 91, 71, .75) 50%, rgba(40, 91, 71, .2) 100%);
}

.hero-overlay {
    background: linear-gradient(90deg, rgba(40, 91, 71, .82) 0%, rgba(40, 91, 71, .58) 45%, rgba(40, 91, 71, .12) 76%, rgba(40, 91, 71, .04) 100%);
}

@media (max-width: 900px) {
    .hero-overlay {
        background: linear-gradient(90deg, rgba(40, 91, 71, .86), rgba(40, 91, 71, .48));
    }
}