@import url("/.within.website/x/xess/xess.min.css?orig=1");

:root {
    --background: #191724;
    --text: #e0def4;
    --text-selection: #403d52;
    --preformatted-background: #1f1d2e;
    --link-foreground: #c4a7e7;
    --link-background: #26233a;
    --blockquote-border-left: 1px solid #6e6a86;
    --progress-bar-outline: #ebbcba solid 4px;
    --progress-bar-fill: #ebbcba;
    --muted: #908caa;
}

@media (prefers-color-scheme: light) {
    :root {
        --background: #faf4ed;
        --text: #575279;
        --text-selection: #dfdad9;
        --preformatted-background: #fffaf3;
        --link-foreground: #907aa9;
        --link-background: #f2e9e1;
        --blockquote-border-left: 1px solid #9893a5;
        --progress-bar-outline: #d7827e solid 4px;
        --progress-bar-fill: #d7827e;
        --muted: #797593;
    }
}

html, body { background: var(--background); color: var(--text); }
#progress { outline: var(--progress-bar-outline) !important; }
.bar-inner { background-color: var(--progress-bar-fill) !important; }
footer, footer p { color: var(--muted); }