:root {
    --relaxed-bg: #f5f8f6;
    --relaxed-surface: #ffffff;
    --relaxed-surface-soft: #edf3ef;
    --relaxed-text: #2f4136;
    --relaxed-muted: #667b70;
    --relaxed-primary: #4f8b69;
    --relaxed-primary-dark: #3e7356;
    --relaxed-accent: #8eb89f;
    --relaxed-border: #d5e1d8;
    --relaxed-shadow: 0 18px 34px rgba(73, 106, 87, 0.12);
}

body.site-app {
    background:
        radial-gradient(circle at 8% 8%, rgba(181, 210, 191, 0.24) 0, transparent 34%),
        radial-gradient(circle at 94% 4%, rgba(223, 236, 228, 0.4) 0, transparent 28%),
        radial-gradient(circle at 90% 92%, rgba(201, 220, 209, 0.28) 0, transparent 36%),
        var(--relaxed-bg);
}

.hero-pill {
    background: #e3efe6;
    border-color: #bdd4c4;
    color: #3e7458;
}

.btn-relaxed-primary {
    box-shadow: 0 10px 20px rgba(62, 115, 86, 0.22);
}

.quote-card {
    background: linear-gradient(145deg, #ecf3ef 0%, #fbfffc 100%);
}