/* The user guide in dronetracker.ai's look: near-black, Inter body,
   Outfit headings, #00ff88 accent, glass panels, uppercase tracked labels.
   One dark theme only (the theme picker is hidden) so /docs reads as part
   of the site. */
.navy, .coal, .ayu, .light, .rust {
  --bg: #030303;
  --fg: #e5e7eb;
  --sidebar-bg: #080808;
  --sidebar-fg: #a1a1aa;
  --sidebar-non-existant: #52525b;
  --sidebar-active: #00ff88;
  --sidebar-spacer: rgba(255, 255, 255, 0.06);
  --scrollbar: #27272a;
  --icons: #71717a;
  --icons-hover: #ffffff;
  --links: #00ff88;
  --inline-code-color: #a7f3d0;
  --theme-popup-bg: #0f0f0f;
  --theme-popup-border: rgba(255, 255, 255, 0.08);
  --theme-hover: rgba(255, 255, 255, 0.05);
  --quote-bg: rgba(15, 15, 15, 0.6);
  --quote-border: rgba(0, 255, 136, 0.35);
  --warning-border: #f59e0b;
  --table-border-color: rgba(255, 255, 255, 0.08);
  --table-header-bg: #0f0f0f;
  --table-alternate-bg: #080808;
  --searchbar-border-color: rgba(255, 255, 255, 0.12);
  --searchbar-bg: #0f0f0f;
  --searchbar-fg: #e5e7eb;
  --searchbar-shadow-color: rgba(0, 255, 136, 0.15);
  --searchresults-header-fg: #a1a1aa;
  --searchresults-border-color: rgba(255, 255, 255, 0.08);
  --searchresults-li-bg: #0f0f0f;
  --search-mark-bg: rgba(0, 255, 136, 0.35);
  --color-scheme: dark;
}

html, body { font-family: 'Inter', system-ui, sans-serif; }
.content { line-height: 1.7; }
.content h1, .content h2, .content h3, .content h4, .menu-title {
  font-family: 'Outfit', 'Inter', sans-serif;
  letter-spacing: -0.03em;
  color: #ffffff;
}
.content h1 { font-weight: 800; }
.content h2, .content h3 { font-weight: 600; }
.content a, .content a:visited { color: #00ff88; text-decoration: none; }
.content a:hover { text-shadow: 0 0 15px rgba(0, 255, 136, 0.3); text-decoration: underline; }
.content code { background: rgba(255, 255, 255, 0.06); border-radius: 4px; }
.content pre, .content pre > code { background: #0b0b0b; }
.content blockquote {
  backdrop-filter: blur(12px);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 3px solid var(--quote-border);
}
.content table { border-radius: 8px; overflow: hidden; }
.content thead th { text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.15em; color: #a1a1aa; }

/* Top bar: the site's frosted nav. */
#mdbook-menu-bar, #mdbook-menu-bar.bordered, #menu-bar, #menu-bar.bordered {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#mdbook-theme-toggle, #theme-toggle { display: none; }
.menu-title { font-weight: 600; font-size: 1.1em; }
.dt-brand {
  font-family: 'Outfit', 'Inter', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  color: #ffffff !important;
  text-decoration: none !important;
  margin-right: 0.6em;
}
.dt-brand span { color: rgba(255, 255, 255, 0.5); }
.dt-nav { display: flex; align-items: center; gap: 1.6em; margin-right: 1em; }
.dt-nav a {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #a1a1aa !important;
  text-decoration: none !important;
}
.dt-nav a:hover { color: #00ff88 !important; }
#mdbook-menu-bar .left-buttons, #mdbook-menu-bar .right-buttons,
#menu-bar .left-buttons, #menu-bar .right-buttons { display: flex; align-items: center; }
.dt-brand { display: inline-flex; align-items: center; white-space: nowrap; }
/* On phones: the brand and Home only (the sidebar has Home too), and no
   repeated guide title — each page's own heading carries it. */
@media (max-width: 720px) {
  .dt-nav a:not(.dt-home) { display: none; }
  .dt-nav { gap: 0; margin-right: 0.5em; }
  .menu-title { display: none; }
}
.dt-sidebar-home {
  display: block;
  padding: 14px 20px 12px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #a1a1aa !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.dt-sidebar-home:hover { color: #00ff88 !important; }
/* The scrollbox is absolutely positioned under the sidebar's top edge; make
   room for the home link above it. */
#mdbook-sidebar .sidebar-scrollbox, #sidebar .sidebar-scrollbox { top: 41px; }

/* Sidebar: uppercase-tracked section feel, accent on the active page. */
.sidebar .chapter li.chapter-item { line-height: 1.6; }
.sidebar .chapter li a.active { color: #00ff88; }
.sidebar .chapter li a:hover { color: #ffffff; }
.nav-chapters, .mobile-nav-chapters { color: #52525b; }
.nav-chapters:hover { color: #00ff88; }