html:root {
    --site-bg: #f6f8fb;
    --site-surface: #ffffff;
    --site-text: #1d3243;
    --site-text-soft: #5f7283;
    --site-border: #dbe4ec;
    --site-accent: #2f6fed;
    --site-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);

    --fp-article-content-bg: #ffffff;
    --fp-article-content-text: #1d3243;
    --fp-article-content-paragraph-text: #4f6678;
    --fp-article-content-border: rgba(47, 111, 237, 0.14);
    --fp-article-content-radius: 24px;
    --fp-article-content-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
}

body {
    background:
        radial-gradient(circle at top left, rgba(47, 111, 237, 0.12), transparent 28rem),
        linear-gradient(180deg, #f6f8fb 0%, #feffff 100%);
    color: var(--site-text);
}

.site-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    line-height: 1;
}

.site-logo__img {
    display: block;
    width: auto;
    height: 40px;
    max-width: 220px;
    object-fit: contain;
}

.site-logo__text {
    font-weight: 700;
    font-size: 1.25rem;
    color: inherit;
}

.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(47, 111, 237, 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);
}