/* ---- Тёмная схема (slate) --------------------------------------------- */
[data-md-color-scheme="slate"] {
  /* база */
  --md-default-bg-color: #1d1d28;
  --md-default-fg-color: #eef0fa;
  --md-default-fg-color--light: rgba(238, 240, 250, 0.7);
  --md-default-fg-color--lighter: rgba(238, 240, 250, 0.45);
  --md-default-fg-color--lightest: rgba(238, 240, 250, 0.12);

  /* верхняя панель / боковая навигация ("primary") */
  --md-primary-fg-color: #282836;               /* $ht-gray-5 */
  --md-primary-fg-color--light: #323240;        /* $ht-gray-4 */
  --md-primary-fg-color--dark: #1d1d28;         /* $ht-gray-6 */
  --md-primary-bg-color: #eef0fa;
  --md-primary-bg-color--light: rgba(238, 240, 250, 0.7);

  /* акцент — фирменный teal Solar SIEM */
  --md-accent-fg-color: #39cccc;                /* $ht-primary */
  --md-accent-fg-color--transparent: rgba(57, 204, 204, 0.12);
  --md-accent-bg-color: #0f2626;
  --md-accent-bg-color--light: rgba(238, 240, 250, 0.7);

  /* ссылки в тексте */
  --md-typeset-a-color: #39cccc;

  /* код */
  --md-code-bg-color: #23232f;                  /* между gray-5 и gray-6 */
  --md-code-fg-color: #d3d5e6;
  --md-code-hl-color: rgba(57, 204, 204, 0.15);

  /* подвал */
  --md-footer-bg-color: #14141c;
  --md-footer-bg-color--dark: #0f0f15;
  --md-footer-fg-color: #eef0fa;
  --md-footer-fg-color--light: rgba(238, 240, 250, 0.7);

  /* admonitions — статусные цвета приложения */
  --sre-success: #22b39a;
  --sre-danger: #e16881;
  --sre-warning: #ffe9b1;
  --sre-info: #0da3e8;
  --sre-border: #3d3d4c;
  --sre-surface: #282836;
  --sre-surface-2: #323240;
  --sre-surface-hover: #3e3e53;
  --sre-text-tertiary: #8b8ba0;

  color-scheme: dark;
}

/* ---- Общая поверхность и форма компонентов (только slate) ------------- */

[data-md-color-scheme="slate"] .md-header {
  background-color: var(--md-primary-fg-color);
  border-bottom: 1px solid var(--sre-border);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: var(--md-primary-fg-color);
  border-bottom: 1px solid var(--sre-border);
}

[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: var(--md-accent-fg-color);
}

[data-md-color-scheme="slate"] .md-tabs__item--active {
  box-shadow: inset 0 -2px var(--md-accent-fg-color);
}

/* боковая навигация — карточный, слегка приподнятый вид */
[data-md-color-scheme="slate"] .md-sidebar__scrollwrap {
  scrollbar-color: var(--sre-surface-hover) transparent;
}

[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:focus,
[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: var(--md-accent-fg-color);
}

[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active {
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-nav__title {
  color: var(--sre-text-tertiary);
}

/* поиск — фон и скругление вешаем на .md-search__form (реальную "таблетку"),
   а не на .md-search__input (у него фон всегда прозрачный) — иначе углы
   формы остаются квадратными и торчат тёмными полосками из-под инпута */
[data-md-color-scheme="slate"] .md-search__form {
  background-color: var(--sre-surface-2);
  border: 1px solid var(--sre-border);
  border-radius: 8px;
  transition: background-color 0.25s, border-color 0.25s;
}

[data-md-color-scheme="slate"] .md-search__form:hover {
  background-color: var(--sre-surface-hover);
}

/* раскрытая форма поиска стыкуется с выпадающим списком результатов —
   верх остаётся скруглённым, низ становится прямым */
[data-md-color-scheme="slate"] [data-md-toggle="search"]:checked ~ .md-search .md-search__form {
  background-color: var(--sre-surface);
  border-color: var(--md-accent-fg-color);
  border-radius: 8px 8px 0 0;
}

[data-md-color-scheme="slate"] .md-search__form:focus-within {
  border-color: var(--md-accent-fg-color);
}

[data-md-color-scheme="slate"] .md-search__input {
  color: var(--md-default-fg-color);
}

[data-md-color-scheme="slate"] .md-search__input::placeholder {
  color: var(--sre-text-tertiary);
  opacity: 1;
}

[data-md-color-scheme="slate"] .md-search__icon {
  color: var(--sre-text-tertiary);
}

[data-md-color-scheme="slate"] .md-search__form:focus-within .md-search__icon {
  color: var(--md-accent-fg-color);
}

/* выпадающий список результатов — та же поверхность, скругление и граница
   продолжают форму сверху вниз без разрывов */
[data-md-color-scheme="slate"] .md-search__output {
  background-color: var(--sre-surface);
  border: 1px solid var(--md-accent-fg-color);
  border-top: none;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

[data-md-color-scheme="slate"] .md-search__scrollwrap {
  background-color: var(--sre-surface);
}

[data-md-color-scheme="slate"] .md-search-result__meta {
  background-color: var(--sre-surface-2);
}

[data-md-color-scheme="slate"] .md-typeset pre,
[data-md-color-scheme="slate"] .md-typeset code {
  border-radius: 6px;
}

[data-md-color-scheme="slate"] .md-typeset > pre,
[data-md-color-scheme="slate"] .highlight pre {
  border: 1px solid var(--sre-border);
  border-radius: 8px;
  overflow: hidden;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  border: 1px solid var(--sre-border);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--sre-surface);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: var(--sre-surface-2);
  color: var(--md-default-fg-color);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:hover {
  background-color: rgba(255, 255, 255, 0.03);
}

/* admonitions — используем корпоративные статусные цвета */
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  background-color: var(--sre-surface);
  border: 1px solid var(--sre-border);
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  /* заголовок внутри имеет свой (маленький, штатный) радиус — без обрезки
     по контуру он углами торчит из-под скругления всего блока */
  overflow: hidden;
}

[data-md-color-scheme="slate"] .md-typeset .admonition-title,
[data-md-color-scheme="slate"] .md-typeset summary {
  background-color: rgba(255, 255, 255, 0.04);
}

[data-md-color-scheme="slate"] .md-typeset .note > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .note > summary {
  border-color: var(--sre-info);
}
[data-md-color-scheme="slate"] .md-typeset .note > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .note > summary::before {
  background-color: var(--sre-info);
}

[data-md-color-scheme="slate"] .md-typeset .tip > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .tip > summary,
[data-md-color-scheme="slate"] .md-typeset .success > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .success > summary {
  border-color: var(--sre-success);
}
[data-md-color-scheme="slate"] .md-typeset .tip > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .tip > summary::before,
[data-md-color-scheme="slate"] .md-typeset .success > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .success > summary::before {
  background-color: var(--sre-success);
}

[data-md-color-scheme="slate"] .md-typeset .warning > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .warning > summary {
  border-color: var(--sre-warning);
}
[data-md-color-scheme="slate"] .md-typeset .warning > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .warning > summary::before {
  background-color: var(--sre-warning);
}

[data-md-color-scheme="slate"] .md-typeset .danger > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .danger > summary,
[data-md-color-scheme="slate"] .md-typeset .failure > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .failure > summary {
  border-color: var(--sre-danger);
}
[data-md-color-scheme="slate"] .md-typeset .danger > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .danger > summary::before,
[data-md-color-scheme="slate"] .md-typeset .failure > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .failure > summary::before {
  background-color: var(--sre-danger);
}

/* горизонтальные линии и цитаты */
[data-md-color-scheme="slate"] .md-typeset hr {
  border-bottom-color: var(--sre-border);
}

[data-md-color-scheme="slate"] .md-typeset blockquote {
  border-left: 4px solid var(--md-accent-fg-color);
  color: var(--sre-text-tertiary);
}

/* выделение текста */
[data-md-color-scheme="slate"] .md-typeset ::selection {
  background-color: rgba(57, 204, 204, 0.28);
}

/* кнопка "наверх" / переключатель темы */
[data-md-color-scheme="slate"] .md-header__button:hover,
[data-md-color-scheme="slate"] .md-content__button:hover,
[data-md-color-scheme="slate"] .md-clipboard:hover {
  color: var(--md-accent-fg-color);
}

/* тонкий скроллбар в стиле $ht-scroll-thumb-bg / hover */
[data-md-color-scheme="slate"] * {
  scrollbar-color: #545468 transparent;
}
[data-md-color-scheme="slate"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
  background-color: #545468;
  border-radius: 6px;
}
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb:hover {
  background-color: #616179;
}
[data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
  background-color: transparent;
}

/* переключатель светлой/тёмной темы — иконка акцентным цветом при hover */
[data-md-color-scheme="slate"] .md-header__option .md-icon:hover {
  color: var(--md-accent-fg-color);
}

/* логотип и заголовок в шапке — не окрашивать в акцент, оставить белым */
[data-md-color-scheme="slate"] .md-header__title,
[data-md-color-scheme="slate"] .md-header__topic {
  color: var(--md-primary-bg-color);
}