:root {
    --ha-forest: #1f513d;
    --ha-leaf: #3f7a57;
    --ha-sage: #dce8d6;
    --ha-sand: #f8f4eb;
    --ha-clay: #c9683d;
    --ha-ink: #19342b;
}

body {
    background: var(--ha-sand);
    color: var(--ha-ink);
}

.gh-navigation,
.gh-footer {
    background: rgba(248, 244, 235, 0.96);
}

.gh-navigation {
    border-bottom: 1px solid rgba(31, 81, 61, 0.12);
}

.gh-navigation-logo,
.gh-footer-logo,
.is-title {
    color: var(--ha-forest);
}

.gh-button,
.kg-btn,
.gh-subscribe-input button {
    background: var(--ha-forest) !important;
    border-color: var(--ha-forest) !important;
    color: #fff !important;
    border-radius: 999px;
    box-shadow: 0 8px 20px rgba(31, 81, 61, 0.18);
}

.gh-button:hover,
.kg-btn:hover,
.gh-subscribe-input button:hover {
    background: var(--ha-leaf) !important;
    border-color: var(--ha-leaf) !important;
    transform: translateY(-1px);
}

.gh-header {
    background: linear-gradient(135deg, #e7f0e1 0%, #f8f4eb 62%, #f1d8c7 100%);
    border-radius: 28px;
    margin-top: 2.4rem;
}

.gh-footer-signup {
    background: var(--ha-forest);
    color: #fff;
    border-radius: 24px;
    padding: clamp(3rem, 6vw, 6rem);
}

.gh-footer-signup .is-title,
.gh-footer-signup .is-body {
    color: #fff;
}

.gh-footer-signup .gh-input,
.gh-footer-signup input {
    background: #fff;
    color: var(--ha-ink);
    border-radius: 999px;
}

.gh-footer-copyright {
    display: none;
}

.gh-post-feed .post {
    border: 1px solid rgba(31, 81, 61, 0.11);
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.gh-post-feed .post:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 35px rgba(31, 81, 61, 0.12);
}

.gh-footer-bar {
    grid-template-columns: 1fr auto;
}

.gh-social-links a:hover {
    color: var(--ha-clay);
}

/* Keep the centered-logo header clean after removing its second signup link. */
.gh-navigation-actions {
    background: transparent !important;
}