/* Цвета СтритБайк (packages/shared-ui/src/tokens.css) для MkDocs Material.
 * Акцент #00d97e — на заливках; как текст в светлой теме — тёмный вариант,
 * иначе не проходит AA на белом. */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #0f1115;
  --md-primary-fg-color--light: #1a1d24;
  --md-primary-fg-color--dark: #0f1115;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #00804a;
  --md-typeset-a-color: #00804a;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f1115;
  --md-default-fg-color--light: #9ca3af;
  --md-primary-fg-color: #14171c;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #00d97e;
  --md-typeset-a-color: #00d97e;
  --md-code-bg-color: #1a1d24;
}

.md-header__title,
.md-header__button.md-logo {
  font-weight: 700;
}

/* Скриншоты: рамка и тень, как «экран в руке» — не сливаются с фоном. */
.md-typeset img.screen {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

.md-typeset img.phone {
  max-width: 320px;
}

/* Кнопки и подписи интерфейса в тексте: «Арендовать» → [Арендовать]. */
.md-typeset .ui {
  display: inline-block;
  padding: 0 0.45em;
  border-radius: 6px;
  background: var(--md-code-bg-color);
  font-weight: 600;
  white-space: nowrap;
}

/* ── Боковое меню (десктоп) ────────────────────────────────────────────
 * Владелец 2026-09-29: «название раздела не отличить от ссылки». Разделы —
 * мелкие прописные подписи приглушённым цветом с отступом и чертой сверху,
 * ссылки — обычный текст, активная — цвет бренда и полоса слева. На телефоне
 * меню выезжает панелью со своими заголовками — эти правила только для
 * широкого экрана, где меню стоит слева постоянно. */
@media screen and (min-width: 76.25em) {
  /* Название сайта над меню дублирует шапку. */
  .md-nav--primary > .md-nav__title {
    display: none;
  }

  .md-nav--primary > .md-nav__list > .md-nav__item--section {
    margin-top: 1.4em;
    padding-top: 1em;
    border-top: 1px solid var(--md-default-fg-color--lightest);
  }

  .md-nav--primary > .md-nav__list > .md-nav__item--section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }

  .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link,
  .md-nav--primary > .md-nav__list > .md-nav__item--section > label.md-nav__link {
    margin-bottom: 0.4em;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--md-default-fg-color--light);
    pointer-events: none;
  }

  .md-nav--primary .md-nav__item--section > .md-nav > .md-nav__list > .md-nav__item > .md-nav__link {
    padding-left: 0.6em;
    border-left: 2px solid transparent;
  }

  .md-nav--primary .md-nav__link--active {
    color: var(--md-accent-fg-color);
    font-weight: 600;
    border-left-color: var(--md-accent-fg-color) !important;
  }
}

/* Ссылки меню — цвет бренда при наведении и у активной (без синего темы). */
.md-nav__link:hover,
.md-nav__link:focus,
.md-nav__link--active {
  color: var(--md-accent-fg-color);
}

/* Заголовок страницы и разделов — основным цветом и плотнее: светло-серый
 * тонкий h1 темы читался как неактивный текст. */
.md-typeset h1 {
  color: var(--md-default-fg-color);
  font-weight: 700;
}

.md-typeset h2 {
  font-weight: 700;
}