/* Shop-manual theme. Warm oil, not slate-indigo, not rust-orange. */
:root,
.oil.theme {
  --bg: #161410;
  --fg: #d4c4a8;
  --heading: #ece4d4;
  --sidebar-bg: #12100c;
  --sidebar-fg: #c9b89a;
  --sidebar-non-existant: #6e6456;
  --sidebar-active: #ece4d4;
  --sidebar-spacer: #2a241c;
  --links: #c4b090;
  --inline-code-color: #ece4d4;
  --quote-bg: #1c1812;
  --quote-border: #3a3228;
  --table-header-bg: #1c1812;
  --table-alternate-bg: #1a1612;
  --searchbar-bg: #1c1812;
  --searchbar-fg: #d4c4a8;
  --searchbar-border-color: #3a3228;
  --searchresults-header-fg: #8a7e6c;
  --searchresults-border-color: #3a3228;
  --searchbar-shadow-color: transparent;
  --theme-popup-bg: #1c1812;
  --theme-popup-border: #3a3228;
  --theme-hover: #2a241c;
  --hint-bg: #1c1812;
  --hint-border-color: #3a3228;
  --content-max-width: 880px;
}

html {
  font-family: ui-sans-serif, system-ui, sans-serif;
  background: #161410;
}

h1, h2, h3, .menu-title {
  font-family: Palatino, "Iowan Old Style", "Palatino Linotype", ui-serif, serif;
  font-weight: 500;
  letter-spacing: 0.01em;
}

code, pre {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
}

.sidebar, .content {
  background: transparent;
}

/* Fill the pane right of the sidebar; keep a readable measure centered
   in that pane so the page does not look glued to the left half. */
.content {
  max-width: none;
  width: 100%;
}

.content main {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 1.75rem;
  padding-bottom: 3.5rem;
}

.content a {
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

#menu-bar {
  background: #12100c;
  border-bottom: 0;
}

.nav-chapters {
  display: none;
}