.service-therapy .service-image {
    background-image: url('../images/therapy-campfire-v1.jpg');
    background-position: center 58%;
}

body.admin-bar .site-header {
    top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px;
    }
}

/* Palette refinement: green communicates trust and growth; neutrals provide
   hierarchy, calm, and room for people-focused photography. */
:root {
    --green: #285b47;
    --green-2: #477563;
    --lime: #6dce91;
    --cream: #f5f1e8;
    --ink: #202c28;
    --muted: #65716d;
    --line: #dfe4e1;
}

.button {
    border-color: var(--green);
    background: var(--green);
    color: #fff;
}

.primary-nav > .button,
.hero .button:not(.button-ghost) {
    border-color: var(--lime);
    background: var(--lime);
    color: #173029;
}

.hero .eyebrow {
    color: #a9e8be;
}

.hero-overlay {
    background: linear-gradient(
        90deg,
        rgba(27, 34, 32, .94) 0%,
        rgba(27, 47, 41, .70) 48%,
        rgba(27, 47, 41, .16) 100%
    );
}

.trust-strip {
    border-top: 4px solid var(--lime);
    border-bottom: 1px solid var(--line);
    background: #fff;
    color: var(--ink);
}

.trust-grid p {
    border-color: var(--line);
}

.trust-grid span {
    color: var(--muted);
}

.card-kicker,
.section-heading .eyebrow,
.process-section .eyebrow {
    color: #347455;
}

.service-card {
    border-top-color: #bfe8cc;
}

.steps span {
    color: #347455;
}

.process-section {
    background: #f6f3ec;
}

.quote-section {
    background: #e7f3e9;
    color: var(--ink);
}

.quote-section .eyebrow {
    color: var(--green-2);
}

.quote-credit span {
    color: var(--muted);
}

.final-cta {
    background: #e4d7bd;
}

.final-cta .eyebrow {
    color: var(--green-2);
}

.final-cta .button-outline {
    border-color: var(--green);
    color: var(--green);
}

.site-footer {
    background: #1d2724;
}

.site-footer .text-link {
    color: #9ee2b5;
}

/* Keep the global navigation legible on every template. Some interior page
   heroes begin below the header, so a transparent header made the white logo
   wordmark and menu disappear against the page background. */
.site-header {
    background: var(--green);
}

/* Preserve the logo's original green circle and white numeral. Converting the
   entire image to white caused the 4 to disappear inside the circle. */
.brand img,
.footer-logo {
    filter: none;
}

@media (max-width: 900px) {
    .trust-grid p {
        border-color: var(--line);
    }
}