html:root {
    --site-bg: #f4f7f6;
    --site-surface: #ffffff;
    --site-text: #1e2d2f;
    --site-text-soft: #6b7d7f;
    --site-border: #d7e3e1;
    --site-accent: #4a7c7a;
    --site-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);

    --fp-article-content-bg: #fbfefd;
    --fp-article-content-text: #1e2d2f;
    --fp-article-content-paragraph-text: #52686a;
    --fp-article-content-border: rgba(74, 124, 122, 0.18);
    --fp-article-content-radius: 28px;
    --fp-article-content-shadow: 0 24px 64px rgba(74, 124, 122, 0.10);
}

body {
    background:
        radial-gradient(circle at top left, rgba(74, 124, 122, 0.12), transparent 28rem),
        linear-gradient(180deg, #f4f7f6 0%, #fcfffe 100%);
    color: var(--site-text);
}

.site-logo__img {
    content: url('/themes/nature-calm/images/logo.png');
}

.site-header {
    background: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid var(--site-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.site-nav__link:hover,
.site-nav__link.is-active {
    background: rgba(74, 124, 122, 0.12);
    color: var(--site-accent);
}

.site-hero,
.demo-banner__inner,
.article-card,
.article-read,
.article-cta,
.site-empty {
    background: var(--site-surface);
    border: 1px solid var(--site-border);
    box-shadow: var(--site-shadow);
}

.site-btn--primary {
    background: var(--site-accent);
    color: #ffffff;
}

.site-footer {
    background: var(--site-surface);
    border-top: 1px solid var(--site-border);
}