:root {
  --dewy-accent: #0d8a5f;
}

.dewy-light {
  --bg: #f3faf6;
  --fg: #17312a;
  --sidebar-bg: #ffffff;
  --sidebar-fg: #365149;
  --sidebar-non-existant: #5b7169;
  --sidebar-active: #0a6b4a;
  --sidebar-spacer: #dcebe3;
  --scrollbar: #667b71;
  --icons: #5b7169;
  --icons-hover: #17312a;
  --links: #0a6b4a;
  --link-hover: #0d8a5f;
  --inline-code-color: #0a6b4a;
  --theme-popup-bg: #ffffff;
  --theme-popup-border: #bed7ca;
  --theme-hover: #e8f7ef;
  --quote-bg: #e8f7ef;
  --quote-border: #bed7ca;
  --warning-border: #b9504e;
  --table-border-color: #dcebe3;
  --table-header-bg: #d3f1e4;
  --table-alternate-bg: #f7fcf9;
  --searchbar-border-color: #bed7ca;
  --searchbar-bg: #ffffff;
  --searchbar-fg: #17312a;
  --searchbar-shadow-color: #dcebe3;
  --searchresults-header-fg: #5b7169;
  --searchresults-border-color: #bed7ca;
  --searchresults-li-bg: #e8f7ef;
  --search-mark-bg: #d3f1e4;
  --color-scheme: light;
  --footnote-highlight: #0d8a5f;
  --overlay-bg: rgba(23, 49, 42, 0.12);
  --copy-button-filter: invert(36%) sepia(18%) saturate(514%) hue-rotate(107deg) brightness(90%) contrast(86%);
  --copy-button-filter-hover: invert(27%) sepia(42%) saturate(646%) hue-rotate(122deg) brightness(92%) contrast(92%);
  --dewy-accent: #0d8a5f;
}

.dewy-dark {
  --bg: #0e241b;
  --fg: #e8f3ed;
  --sidebar-bg: #17352a;
  --sidebar-fg: #c5d6ce;
  --sidebar-non-existant: #93a89e;
  --sidebar-active: #7ee8c0;
  --sidebar-spacer: #2c4a3e;
  --scrollbar: #6e857b;
  --icons: #93a89e;
  --icons-hover: #e8f3ed;
  --links: #9af0d0;
  --link-hover: #7ee8c0;
  --inline-code-color: #9af0d0;
  --theme-popup-bg: #17352a;
  --theme-popup-border: #3e6153;
  --theme-hover: #1e4337;
  --quote-bg: #16382d;
  --quote-border: #3e6153;
  --warning-border: #b9504e;
  --table-border-color: #2c4a3e;
  --table-header-bg: #1e4337;
  --table-alternate-bg: #123028;
  --searchbar-border-color: #3e6153;
  --searchbar-bg: #16382d;
  --searchbar-fg: #e8f3ed;
  --searchbar-shadow-color: #0e241b;
  --searchresults-header-fg: #93a89e;
  --searchresults-border-color: #3e6153;
  --searchresults-li-bg: #1e4337;
  --search-mark-bg: #2a6b52;
  --color-scheme: dark;
  --footnote-highlight: #7ee8c0;
  --overlay-bg: rgba(3, 12, 8, 0.5);
  --copy-button-filter: invert(78%) sepia(12%) saturate(489%) hue-rotate(107deg) brightness(96%) contrast(88%);
  --copy-button-filter-hover: invert(84%) sepia(22%) saturate(548%) hue-rotate(102deg) brightness(103%) contrast(92%);
  --dewy-accent: #7ee8c0;
}

.dewy-toolbar-link {
  position: relative;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  height: var(--menu-bar-height);
  padding: 0 10px;
  color: var(--icons) !important;
  font-family: system-ui, sans-serif;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.01em;
  line-height: 1;
  text-decoration: none;
  transition: color 0.2s ease;
}

.dewy-toolbar-link:hover,
.dewy-toolbar-link:focus-visible {
  color: var(--icons-hover) !important;
}

.dewy-home-link {
  margin-left: 5px;
  padding-left: 14px;
  border-left: 1px solid var(--table-border-color);
}

.dewy-peer-link {
  margin-right: 7px;
  padding-right: 14px;
  border-right: 1px solid var(--table-border-color);
}

code {
  font-variant-ligatures: none;
}

.dewy-light pre > code.hljs {
  background: #1c2822;
  color: #d8e4dd;
}

.dewy-light :not(pre) > .hljs {
  background: #d3f1e4;
}

.dewy-dark pre > code.hljs {
  background: #07140f;
  color: #d5e8dd;
}

.dewy-dark :not(pre) > .hljs {
  background: #1e4337;
}

.dewy-light .content a,
.dewy-dark .content a {
  text-decoration: underline;
  text-decoration-thickness: 0.07em;
  text-underline-offset: 0.18em;
}

.dewy-light .content a:hover,
.dewy-light .content a:visited:hover,
.dewy-dark .content a:hover,
.dewy-dark .content a:visited:hover {
  color: var(--link-hover);
}

.dewy-light .content a:hover > .hljs,
.dewy-dark .content a:hover > .hljs {
  color: var(--link-hover);
}

.dewy-light .content a.header,
.dewy-dark .content a.header {
  color: var(--fg);
  text-decoration: none;
}

blockquote:first-of-type {
  border-radius: 0.25rem;
}

@media (max-width: 620px) {
  .dewy-peer-link { display: none; }
}