/* Neutral appearance — ink texture background with paper-white glass panels. */

:root {
    --paper: #172026;
    --surface: #ffffff;
    --surface-strong: #ffffff;
    --surface-sidebar: #e8edf3;
    --surface-warm: #eef2f6;
    --surface-warm-strong: #e2e8ef;
    --surface-card: rgba(255, 255, 255, 0.88);
    --surface-card-hover: rgba(255, 255, 255, 0.95);
    --reader-panel: rgba(255, 255, 255, 0.92);
    --reader-ink: #172026;
    --surface-note: rgba(232, 237, 243, 0.88);
    --ink: #172026;
    --muted: #5c6773;
    --line: #e2e6eb;
    --green: #2f6f5e;
    --wine: #1f365d;
    --gold: #285c7e;
    --blue: #285c7e;
    --plum: #2a3f5f;
    --shadow: 0 12px 32px rgba(23, 32, 38, 0.08);
}

body.chaptertrail-site.theme-neutral {
    background-color: var(--paper);
    background-image: var(--chaptertrail-site-bg, none);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body.chaptertrail-site.theme-neutral .site-header {
    background: rgba(255, 255, 255, 0.82);
    border-bottom-color: rgba(31, 54, 93, 0.12);
}

body.chaptertrail-site.theme-neutral .site-main {
    border-color: rgba(255, 255, 255, 0.42);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(248, 250, 252, 0.58) 100%);
    backdrop-filter: blur(16px) saturate(118%);
    -webkit-backdrop-filter: blur(16px) saturate(118%);
    box-shadow:
        0 22px 54px rgba(23, 32, 38, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

body.chaptertrail-site.theme-neutral .site-main:has(.chaptertrail-landing-shell) {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}

body.chaptertrail-site.theme-neutral .site-main .chaptertrail-landing-shell .chaptertrail-landing,
body.chaptertrail-site.theme-neutral .site-main .chaptertrail-landing {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(248, 250, 252, 0.58) 100%);
    backdrop-filter: blur(16px) saturate(118%);
    -webkit-backdrop-filter: blur(16px) saturate(118%);
    border-color: rgba(255, 255, 255, 0.42);
    box-shadow:
        0 22px 54px rgba(23, 32, 38, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

body.chaptertrail-site.theme-neutral .site-main .chaptertrail-landing-shell--with-header .chaptertrail-landing-header {
    border-color: rgba(255, 255, 255, 0.42);
    box-shadow: 0 -8px 32px rgba(23, 32, 38, 0.04);
}

body.chaptertrail-site.theme-neutral .site-main .chaptertrail-landing--with-header {
    border-top: 0;
    border-radius: 0 0 18px 18px;
    box-shadow:
        0 22px 54px rgba(23, 32, 38, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

body.chaptertrail-site.theme-neutral .site-footer {
    background: rgba(23, 32, 38, 0.92);
    border-top-color: rgba(255, 255, 255, 0.08);
}

body.chaptertrail-site.theme-neutral .button--primary,
body.chaptertrail-site.theme-neutral .admin-button {
    background: linear-gradient(145deg, #1f365d, #172026);
}

body.chaptertrail-site.theme-neutral .site-nav-menu a:hover,
body.chaptertrail-site.theme-neutral .site-nav-menu a:focus-visible {
    color: var(--wine);
}

body.chaptertrail-site.theme-neutral .community-section .forum-table-wrap {
    background: color-mix(in srgb, var(--surface-strong) 42%, transparent);
}

body.chaptertrail-site.theme-neutral .knowledge-base__link,
body.chaptertrail-site.theme-neutral .changelog-entry,
body.chaptertrail-site.theme-neutral .account-card,
body.chaptertrail-site.theme-neutral .account-settings-card {
    border-color: var(--line);
    background: var(--surface-card);
}