:root {
    --sb-light-paper: #f4f6f9;
    --sb-light-surface: #ffffff;
    --sb-light-ink: #182d47;
    --sb-light-secondary: #566779;
    --sb-light-line: #e2e8ef;
    --sb-light-blue: #183b61;
    --sb-light-gold: #876923;
    --sb-light-gold-wash: #f5edd8;
    --sb-light-soft: #eaf0f7;
    --sb-light-focus: #457bb0;
    --sb-dark-paper: #101a29;
    --sb-dark-surface: #182537;
    --sb-dark-ink: #eaf0f8;
    --sb-dark-secondary: #abbcd0;
    --sb-dark-line: #304156;
    --sb-dark-blue: #b9d5f7;
    --sb-dark-gold: #e3c476;
    --sb-dark-gold-wash: #403923;
    --sb-dark-soft: #233852;
    --sb-dark-focus: #9ac6f6;
}

:root, body.ea {
    --sb-paper: var(--sb-light-paper);
    --sb-surface: var(--sb-light-surface);
    --sb-ink: var(--sb-light-ink);
    --sb-secondary: var(--sb-light-secondary);
    --sb-line: var(--sb-light-line);
    --sb-blue: var(--sb-light-blue);
    --sb-gold: var(--sb-light-gold);
    --sb-gold-wash: var(--sb-light-gold-wash);
    --sb-soft: var(--sb-light-soft);
    --sb-focus: var(--sb-light-focus);
    color-scheme: light;
}

:root[data-appearance="dark"], body.ea-dark-scheme {
    --sb-paper: var(--sb-dark-paper);
    --sb-surface: var(--sb-dark-surface);
    --sb-ink: var(--sb-dark-ink);
    --sb-secondary: var(--sb-dark-secondary);
    --sb-line: var(--sb-dark-line);
    --sb-blue: var(--sb-dark-blue);
    --sb-gold: var(--sb-dark-gold);
    --sb-gold-wash: var(--sb-dark-gold-wash);
    --sb-soft: var(--sb-dark-soft);
    --sb-focus: var(--sb-dark-focus);
    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-appearance="light"]) {
        --sb-paper: var(--sb-dark-paper);
        --sb-surface: var(--sb-dark-surface);
        --sb-ink: var(--sb-dark-ink);
        --sb-secondary: var(--sb-dark-secondary);
        --sb-line: var(--sb-dark-line);
        --sb-blue: var(--sb-dark-blue);
        --sb-gold: var(--sb-dark-gold);
        --sb-gold-wash: var(--sb-dark-gold-wash);
        --sb-soft: var(--sb-dark-soft);
        --sb-focus: var(--sb-dark-focus);
        color-scheme: dark;
    }
}