:root {
    --relaxed-bg: #f3faf6;
    --relaxed-surface: #ffffff;
    --relaxed-surface-soft: #eaf6ef;
    --relaxed-text: #254538;
    --relaxed-muted: #5f7f70;
    --relaxed-primary: #2f9b6e;
    --relaxed-primary-dark: #237f58;
    --relaxed-accent: #74c7a3;
    --relaxed-border: #cce6d8;
    --relaxed-shadow: 0 18px 34px rgba(46, 121, 88, 0.13);
}

body.site-app {
    background:
        radial-gradient(circle at 10% 8%, rgba(149, 214, 183, 0.25) 0, transparent 33%),
        radial-gradient(circle at 84% 6%, rgba(185, 238, 214, 0.35) 0, transparent 30%),
        radial-gradient(circle at 94% 90%, rgba(162, 215, 191, 0.26) 0, transparent 34%),
        var(--relaxed-bg);
}

.hero-pill {
    background: #ddf3e8;
    border-color: #adddc6;
    color: #20724e;
}

.btn-relaxed-primary {
    box-shadow: 0 10px 20px rgba(35, 127, 88, 0.24);
}

.site-footer {
    background: #163628;
}