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);
}

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__img {
    content: url('/themes/core-clean/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(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);
}