:root {
    --bg: #F8F8F5;
    --fg: #0F0F0F;
    --sidebar-bg: #F0F0ED;
    --sidebar-fg: #0F0F0F;
    --sidebar-active: #2563EB;
    --links: #2563EB;
    --inline-code-color: #0F0F0F;
    --theme-popup-bg: #F8F8F5;
    --theme-popup-border: #D4D4D0;
    --theme-hover: #E8E8E5;
    --quote-bg: #EDEDEA;
    --quote-border: #2563EB;
    --table-border-color: #D4D4D0;
    --table-header-bg: #EDEDEA;
    --table-alternate-bg: #F4F4F1;
    --searchbar-bg: #F0F0ED;
    --searchbar-fg: #0F0F0F;
    --searchbar-border-color: #D4D4D0;
    --searchresults-header-fg: #6B6B68;
    --searchresults-border-color: #D4D4D0;
    --searchresults-li-bg: #F4F4F1;
    --search-mark-bg: #DBEAFE;
}

body {
    font-family: system-ui, sans-serif;
}

.sidebar .sidebar-scrollbox {
    padding: 1.5rem 1rem;
}

.chapter li.chapter-item a {
    color: #3A3A38;
}

.chapter li.chapter-item a:hover {
    color: var(--sidebar-active);
}

.chapter li.chapter-item.active > a {
    color: var(--sidebar-active);
    font-weight: 500;
}

.content main {
    max-width: 72ch;
}

/* Inline code */
code {
    background: #EDEDEA;
    border-radius: 3px;
    font-size: 0.875em;
    padding: 0.1em 0.3em;
}

/* Code blocks — override highlight.js dark theme */
pre {
    background: #EDEDEA !important;
    border-radius: 4px;
}

pre code,
pre .hljs {
    background: #EDEDEA !important;
    color: #0F0F0F !important;
    padding: 0;
}

.hljs-comment,
.hljs-quote {
    color: #6B6B68;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
    color: #1D4ED8;
}

.hljs-string,
.hljs-doctag,
.hljs-formula {
    color: #15803D;
}

.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
    color: #B45309;
}

.hljs-type,
.hljs-class .hljs-title {
    color: #7C3AED;
}

.hljs-built_in,
.hljs-builtin-name {
    color: #0F0F0F;
}

blockquote {
    border-left: 3px solid var(--quote-border);
}