/* Map the aeryx brand palette (theme/tokens.css, vendored) onto mdBook theme
   variables. Applies to every mdBook theme class so the docs look the same
   regardless of the picker. */

html.light, html.rust, html.coal, html.navy, html.ayu {
  --bg: var(--aeryx-bg);
  --fg: var(--aeryx-text);
  --sidebar-bg: var(--aeryx-surface);
  --sidebar-fg: var(--aeryx-muted);
  --sidebar-active: var(--aeryx-accent);
  --sidebar-non-existant: var(--aeryx-border);
  --scrollbar: var(--aeryx-border);
  --icons: var(--aeryx-muted);
  --icons-hover: var(--aeryx-accent);
  --links: var(--aeryx-accent);
  --inline-code-color: var(--aeryx-accent);
  --theme-popup-bg: var(--aeryx-surface);
  --theme-popup-border: var(--aeryx-border);
  --theme-hover: var(--aeryx-border);
  --quote-bg: var(--aeryx-surface);
  --quote-border: var(--aeryx-border);
  --table-border-color: var(--aeryx-border);
  --table-header-bg: var(--aeryx-surface);
  --table-alternate-bg: var(--aeryx-surface);
  --searchbar-bg: var(--aeryx-surface);
  --searchbar-fg: var(--aeryx-text);
  --searchbar-border-color: var(--aeryx-border);
  --searchresults-header-fg: var(--aeryx-muted);
  --searchresults-border-color: var(--aeryx-border);
  --searchresults-li-bg: var(--aeryx-surface);
  --search-mark-bg: var(--aeryx-dim);
  --color-scheme: dark;
}

html.light .content, html.rust .content, html.coal .content,
html.navy .content, html.ayu .content {
  font-family: var(--aeryx-sans);
}

html.light h1, html.light h2, html.light h3,
html.rust h1, html.rust h2, html.rust h3,
html.coal h1, html.coal h2, html.coal h3,
html.navy h1, html.navy h2, html.navy h3,
html.ayu h1, html.ayu h2, html.ayu h3 {
  font-family: var(--aeryx-mono);
}

pre > .buttons :hover { color: var(--aeryx-accent); }

.content pre > code { line-height: 1.75; }

.site-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 0 14px;
  font: 700 22px var(--aeryx-mono);
  color: var(--aeryx-text) !important;
  text-decoration: none;
}

.site-logo img { height: 26px; width: auto; }