/* Фирменная палитра Мнемакса — та же, что на сайте и в презентации:
   navy #1E2761, navy-deep #12173F, amber #E8A33D, ice #CADCFC.
   Способ подключения — документированный: palette.primary/accent = custom
   плюс переопределение переменных темы. */

:root > * {
  --md-primary-fg-color:        #1E2761;
  --md-primary-fg-color--light: #2C3873;
  --md-primary-fg-color--dark:  #12173F;
  --md-primary-bg-color:        #FFFFFF;
  --md-primary-bg-color--light: #CADCFC;

  /* Янтарь как есть (#E8A33D) на белом даёт 1.98:1, приглушённый #C4841F — 3.15:1;
     оба ниже AA 4.5, а Material берёт accent для наведения на ссылки. #8A6112 —
     тот же янтарь, затемнённый до 5.53:1, и он уже используется ниже в .rol,
     так что палитра не расширяется. На тёмной схеме ограничение снимается. */
  --md-accent-fg-color:         #8A6112;
  --md-accent-fg-color--transparent: rgba(232, 163, 61, 0.1);
  --md-accent-bg-color:         #FFFFFF;
}

/* Тёмная схема: акцент светлее, иначе янтарь тонет в тёмном фоне */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #12173F;
  --md-primary-fg-color--light: #2C3873;
  --md-primary-fg-color--dark:  #0B0F2B;
  --md-accent-fg-color:         #E8A33D;
  --md-default-bg-color:        #12173F;
  --md-typeset-a-color:         #E8A33D;
}

/* Шапка всегда тёмная — знак сделан вывороткой под неё */
.md-header {
  background-color: #12173F;
}

.md-header__title {
  font-weight: 600;
  letter-spacing: -0.2px;
}

/* Срезанный угол из знака — как акцент у заголовков первого уровня */
.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.6px;
  color: var(--md-primary-fg-color);
}

[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #FFFFFF;
}

.md-typeset h2 {
  font-weight: 650;
  letter-spacing: -0.3px;
}

/* Таблицы: спокойная шапка, читаемые границы */
.md-typeset table:not([class]) th {
  background-color: rgba(30, 39, 97, 0.06);
  font-weight: 650;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: rgba(202, 220, 252, 0.08);
}

/* Карточка сценария: заголовок — роль — эффект */
.md-typeset .rol {
  display: inline-block;
  margin: 0 0 0.4rem;
  padding: 0.12rem 0.5rem;
  border: 1px solid rgba(232, 163, 61, 0.5);
  border-radius: 2px;
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8A6112;
}

[data-md-color-scheme="slate"] .md-typeset .rol {
  color: #E8A33D;
}

/* Строка эффекта под описанием сценария */
.md-typeset .eff {
  margin-top: 0.35rem;
  padding-left: 0.7rem;
  border-left: 2px solid #E8A33D;
  font-style: italic;
  color: var(--md-default-fg-color--light);
}

/* Подвал двумя тонами навy: полоса «Назад/Вперёд» светлее, копирайт под ней темнее.
   Без первой строки полоса оставалась дефолтной #212121 и подвал выглядел склеенным
   из двух чужих кусков. */
.md-footer {
  background-color: #12173F;
}

.md-footer-meta {
  background-color: #0B0F2B;
}

/* ── Врезки ──────────────────────────────────────────────────────────────────
   Material красит врезки своей палитрой: question — лаймовый, info — бирюзовый,
   note — синий, tip — сине-зелёный. На FAQ двенадцать лаймовых блоков подряд, и
   страница перестаёт быть нашей. Переопределяем те пять типов, что реально
   используются, двумя фирменными цветами:
     navy  — информирующие (note, info, question),
     amber — привлекающие внимание (tip, warning; у warning заливка плотнее).
   Способ штатный: Material объявляет для каждой врезки border-color, фон шапки
   и цвет иконки — их и переопределяем, разметку и иконки не трогаем. */

.md-typeset .admonition,
.md-typeset details {
  border-width: 0 0 0 4px;
  border-radius: 2px;
}

/* информирующие */
.md-typeset .note,
.md-typeset .info,
.md-typeset .question {
  border-color: #1E2761;
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary,
.md-typeset .info > .admonition-title,
.md-typeset .info > summary,
.md-typeset .question > .admonition-title,
.md-typeset .question > summary {
  background-color: rgba(30, 39, 97, 0.08);
}

.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before,
.md-typeset .info > .admonition-title::before,
.md-typeset .info > summary::before,
.md-typeset .question > .admonition-title::before,
.md-typeset .question > summary::before {
  background-color: #1E2761;
}

/* привлекающие внимание */
.md-typeset .tip,
.md-typeset .warning {
  border-color: #8A6112;
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(232, 163, 61, 0.12);
}

.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
  background-color: rgba(232, 163, 61, 0.24);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before,
.md-typeset .warning > .admonition-title::before,
.md-typeset .warning > summary::before {
  background-color: #8A6112;
}

/* Тёмная схема: navy сливается с фоном страницы, информирующие уходят в ice,
   амберная пара светлеет до чистого янтаря. */
[data-md-color-scheme="slate"] .md-typeset .note,
[data-md-color-scheme="slate"] .md-typeset .info,
[data-md-color-scheme="slate"] .md-typeset .question {
  border-color: #CADCFC;
}

[data-md-color-scheme="slate"] .md-typeset .note > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .note > summary,
[data-md-color-scheme="slate"] .md-typeset .info > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .info > summary,
[data-md-color-scheme="slate"] .md-typeset .question > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .question > summary {
  background-color: rgba(202, 220, 252, 0.10);
}

[data-md-color-scheme="slate"] .md-typeset .note > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .note > summary::before,
[data-md-color-scheme="slate"] .md-typeset .info > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .info > summary::before,
[data-md-color-scheme="slate"] .md-typeset .question > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .question > summary::before {
  background-color: #CADCFC;
}

[data-md-color-scheme="slate"] .md-typeset .tip,
[data-md-color-scheme="slate"] .md-typeset .warning {
  border-color: #E8A33D;
}

[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 .warning > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .warning > summary::before {
  background-color: #E8A33D;
}