/* Документация поверх стандартной темы MkDocs: шрифты, цвета и шапка — те же,
   что у публичного сайта (`site/static/style.css`). `Why:` переход по ссылке
   «Документация» не должен выглядеть переходом на чужой продукт. Значения
   скопированы оттуда; дом этих значений — сайт, здесь они повторяются следом
   за ним. */
:root {
  --ink: #16181d;
  --muted: #5b616e;
  --line: #e3e5ea;
  --paper: #ffffff;
  --band: #f5f6f8;
  --accent: #1f5eff;
  --accent-ink: #ffffff;
  --radius: 12px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: var(--ink);
  background: var(--paper);
}

a { color: var(--accent); }
a:hover, a:focus { color: var(--accent); }

h1, h2, h3, h4 { line-height: 1.25; color: var(--ink); }
h1 { font-size: 2.2rem; font-weight: 700; letter-spacing: -.02em; }
h2 { font-size: 1.6rem; font-weight: 700; margin-top: 1.6em; }
h3 { font-size: 1.15rem; font-weight: 600; margin-top: 1.4em; }

/* Шапка как у сайта: белая полоса с тонкой линией снизу, бренд слева,
   разделы приглушённые. Тема отдаёт её тёмно-синей (`navbar-dark bg-primary`
   Bootstrap) — перекрываем переменными самого Bootstrap, а не правилами на
   каждый элемент. */
.navbar.bg-primary {
  --bs-navbar-color: var(--muted);
  --bs-navbar-hover-color: var(--ink);
  --bs-navbar-active-color: var(--ink);
  --bs-navbar-brand-color: var(--ink);
  --bs-navbar-brand-hover-color: var(--ink);
  --bs-navbar-toggler-border-color: var(--line);
  background: var(--paper) !important;
  border-bottom: 1px solid var(--line);
  box-shadow: none;
}
.navbar.bg-primary .navbar-brand { font-weight: 700; font-size: 1.2rem; }

/* Боковое оглавление — такой же приглушённый список, как навигация сайта. */
.bs-sidebar.card { background: var(--band) !important; border-color: var(--line); }
.bs-sidebar .nav-link { color: var(--muted); }
.bs-sidebar .nav-link:hover, .bs-sidebar .nav-link.active { color: var(--ink); }

code, pre { border-radius: var(--radius); }
table { border-collapse: collapse; }
table th, table td { border-bottom: 1px solid var(--line); padding: 10px 14px; text-align: left; vertical-align: top; }

footer.col-md-12 { color: var(--muted); font-size: .95rem; }
footer.col-md-12 hr { border-color: var(--line); }