/* Брендирование Flawbusters.
 * Тонкие корректировки поверх темы Material. Основную палитру задаёт theme.palette.primary/accent.
 */

.md-header {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.md-typeset a {
  text-decoration: none;
}
.md-typeset a:hover {
  text-decoration: underline;
}

.md-typeset code {
  border-radius: 4px;
  padding: 0 0.3em;
}

.md-nav__title {
  font-weight: 600;
}

/* Вертикальный отступ между md-button, чтобы на мобильной ширине
 * (когда кнопки переносятся в столбец) они не прилипали друг к другу.
 * На десктопе margin-bottom не вредит — строка просто чуть выше.
 */
.md-typeset .md-button {
  margin-bottom: 0.5rem;
}

/* Светлый футер в светлой теме — чтобы не было «куска тёмной темы» под белым контентом.
 * В slate (тёмной) схеме дефолтные тёмные цвета футера выглядят уместно — их не трогаем.
 */
[data-md-color-scheme="default"] {
  --md-footer-bg-color:          #f8fafc;  /* slate-50 */
  --md-footer-bg-color--dark:    #f1f5f9;  /* slate-100 */
  --md-footer-fg-color:          #0f172a;  /* slate-900 */
  --md-footer-fg-color--light:   #334155;  /* slate-700 */
  --md-footer-fg-color--lighter: #64748b;  /* slate-500 */
}

[data-md-color-scheme="default"] .md-footer {
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}