:root {
    --font-stack:
        "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-stack--monospace:
        "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo,
        Consolas, "Liberation Mono", monospace;
}

body {
    --color-brand-primary: #5f7a6e;
    --color-brand-content: #5f7a6e;
    --color-brand-visited: #5f7a6e;
    --edgeflow-peach: #e8956a;
    --edgeflow-peach-light: #ffb38c;
}

body[data-theme="dark"] {
    --color-brand-primary: #b4c8be;
    --color-brand-content: #b4c8be;
    --color-brand-visited: #b4c8be;
}

@media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) {
        --color-brand-primary: #b4c8be;
        --color-brand-content: #b4c8be;
        --color-brand-visited: #b4c8be;
    }
}

a.reference:hover,
.sidebar-tree a:hover,
.toc-tree a:hover {
    color: var(--edgeflow-peach);
}

body[data-theme="dark"] a.reference:hover,
body[data-theme="dark"] .sidebar-tree a:hover,
body[data-theme="dark"] .toc-tree a:hover {
    color: var(--edgeflow-peach-light);
}

.sidebar-brand-text {
    color: var(--edgeflow-peach);
}

code,
pre,
kbd,
samp,
.highlight pre {
    font-family: var(--font-stack--monospace);
    font-feature-settings:
        "calt" 1,
        "liga" 1;
}

.highlight {
    border-radius: 8px;
    border: 1px solid var(--color-background-border, rgba(0, 0, 0, 0.08));
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.highlight pre {
    font-size: 0.9rem;
    line-height: 1.55;
    padding: 1rem 1.15rem;
}

code.literal,
:not(pre) > code {
    font-size: 0.88em;
    padding: 0.1em 0.35em;
    border-radius: 4px;
}

body[data-theme="dark"] .highlight {
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

@media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) .highlight {
        border-color: rgba(255, 255, 255, 0.06);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    }
}