/*
БРЕНДИРОВАНИЕ MKDOCS MATERIAL (THEME: EMIKA)
Hue: 30° (Orange) - только для акцентов
*/

:root > * {
    /* БРЕНДОВЫЙ оттенок - ТОЛЬКО для акцентов */
    --md-brand-hue: 30;

    /* НЕЙТРАЛЬНЫЙ оттенок - для интерфейса */
    --md-neutral-hue: 0;
}

/* ============================================
   СВЕТЛАЯ ТЕМА (em_light)
   ============================================ */
[data-md-color-scheme="em_light"] {

    /* Основные цвета (Шапка, сайдбары) - НЕЙТРАЛЬНЫЕ */
    --md-primary-fg-color: hsl(var(--md-neutral-hue), 0%, 8%);
    --md-primary-fg-color--light: hsl(var(--md-neutral-hue), 0%, 17%);
    --md-primary-fg-color--dark: hsl(var(--md-neutral-hue), 0%, 0%);

    /* Акценты (Кнопки, ссылки, ховеры) - БРЕНДОВЫЕ */
    --md-accent-fg-color: hsl(var(--md-brand-hue), 95%, 50%);
    --md-accent-fg-color--light: hsl(var(--md-brand-hue), 95%, 60%);
    --md-accent-fg-color--dark: hsl(var(--md-brand-hue), 95%, 40%);

    /* Фон и текст - НЕЙТРАЛЬНЫЕ */
    --md-default-bg-color: #ffffff;
    --md-default-fg-color: hsl(var(--md-neutral-hue), 0%, 15%);
    --md-default-fg-color--light: hsl(var(--md-neutral-hue), 0%, 30%);
    --md-default-fg-color--lighter: hsl(var(--md-neutral-hue), 0%, 50%);
    --md-default-fg-color--lightest: hsl(var(--md-neutral-hue), 0%, 70%);

    /* Типографика */
    --md-typeset-color: hsl(var(--md-neutral-hue), 0%, 15%);
    --md-typeset-a-color: hsl(var(--md-brand-hue), 95%, 45%);
    --md-typeset-mark-color: hsl(var(--md-brand-hue), 95%, 70%);
    --md-typeset-del-color: hsl(0, 100%, 95%);
    --md-typeset-ins-color: hsl(120, 100%, 95%);

    /* Границы и таблицы - НЕЙТРАЛЬНЫЕ */
    --md-typeset-table-color: hsl(var(--md-neutral-hue), 0%, 85%);
    --md-typeset-table-color--light: hsl(var(--md-neutral-hue), 0%, 92%);

    /* Блоки кода - НЕЙТРАЛЬНЫЕ с лёгким оттенком */
    --md-code-bg-color: hsl(var(--md-neutral-hue), 0%, 96%);
    --md-code-fg-color: hsl(var(--md-neutral-hue), 0%, 20%);
    --md-code-hl-color: hsl(var(--md-brand-hue), 95%, 85%);
    --md-code-hl-number-color: hsl(0, 75%, 45%);
    --md-code-hl-special-color: hsl(340, 75%, 45%);
    --md-code-hl-function-color: hsl(270, 60%, 45%);
    --md-code-hl-constant-color: hsl(250, 60%, 45%);
    --md-code-hl-keyword-color: hsl(220, 70%, 45%);
    --md-code-hl-string-color: hsl(150, 60%, 40%);
    --md-code-hl-name-color: hsl(var(--md-neutral-hue), 0%, 20%);
    --md-code-hl-operator-color: hsl(var(--md-neutral-hue), 0%, 40%);
    --md-code-hl-punctuation-color: hsl(var(--md-neutral-hue), 0%, 40%);
    --md-code-hl-comment-color: hsl(var(--md-neutral-hue), 0%, 50%);
    --md-code-hl-generic-color: hsl(var(--md-neutral-hue), 0%, 40%);
    --md-code-hl-variable-color: hsl(var(--md-neutral-hue), 0%, 30%);

    /* Admonitions */
    --md-admonition-bg-color: #ffffff;
    --md-admonition-fg-color: hsl(var(--md-neutral-hue), 0%, 15%);

    /* Поиск */
    --md-search-bg-color: #ffffff;
    --md-search-fg-color: hsl(var(--md-neutral-hue), 0%, 15%);
    --md-search-fg-color--accent: hsl(var(--md-brand-hue), 95%, 50%);

    /* Тени - НЕЙТРАЛЬНЫЕ */
    --md-shadow-z1: 0 1px 3px hsl(0, 0%, 0%, 0.12), 0 1px 2px hsl(0, 0%, 0%, 0.24);
    --md-shadow-z2: 0 3px 6px hsl(0, 0%, 0%, 0.16), 0 3px 6px hsl(0, 0%, 0%, 0.23);
    --md-shadow-z3: 0 10px 20px hsl(0, 0%, 0%, 0.19), 0 6px 6px hsl(0, 0%, 0%, 0.23);
}

/* ============================================
   ТЁМНАЯ ТЕМА (em_dark)
   ============================================ */
[data-md-color-scheme="em_dark"] {

    /* Основные цвета (Шапка, сайдбары) - НЕЙТРАЛЬНЫЕ */
    --md-primary-fg-color: hsl(var(--md-neutral-hue), 0%, 10%);
    --md-primary-fg-color--light: hsl(var(--md-neutral-hue), 0%, 18%);
    --md-primary-fg-color--dark: hsl(var(--md-neutral-hue), 0%, 5%);

    /* Акценты (Кнопки, ссылки, ховеры) - БРЕНДОВЫЕ */
    --md-accent-fg-color: hsl(var(--md-brand-hue), 90%, 60%);
    --md-accent-fg-color--light: hsl(var(--md-brand-hue), 90%, 70%);
    --md-accent-fg-color--dark: hsl(var(--md-brand-hue), 90%, 50%);

    /* Фон и текст - НЕЙТРАЛЬНЫЕ */
    --md-default-bg-color: hsl(var(--md-neutral-hue), 0%, 12%);
    --md-default-fg-color: hsl(var(--md-neutral-hue), 0%, 88%);
    --md-default-fg-color--light: hsl(var(--md-neutral-hue), 0%, 73%);
    --md-default-fg-color--lighter: hsl(var(--md-neutral-hue), 0%, 55%);
    --md-default-fg-color--lightest: hsl(var(--md-neutral-hue), 0%, 35%);

    /* Типографика */
    --md-typeset-color: hsl(var(--md-neutral-hue), 0%, 88%);
    --md-typeset-a-color: hsl(var(--md-brand-hue), 90%, 65%);
    --md-typeset-mark-color: hsl(var(--md-brand-hue), 90%, 40%);
    --md-typeset-del-color: hsl(0, 100%, 20%);
    --md-typeset-ins-color: hsl(120, 100%, 20%);

    /* Границы и таблицы - НЕЙТРАЛЬНЫЕ */
    --md-typeset-table-color: hsl(var(--md-neutral-hue), 0%, 35%);
    --md-typeset-table-color--light: hsl(var(--md-neutral-hue), 0%, 25%);

    /* Блоки кода - НЕЙТРАЛЬНЫЕ */
    --md-code-bg-color: hsl(var(--md-neutral-hue), 0%, 16%);
    --md-code-fg-color: hsl(var(--md-neutral-hue), 0%, 88%);
    --md-code-hl-color: hsl(var(--md-brand-hue), 90%, 30%);
    --md-code-hl-number-color: hsl(0, 75%, 65%);
    --md-code-hl-special-color: hsl(340, 75%, 65%);
    --md-code-hl-function-color: hsl(270, 60%, 65%);
    --md-code-hl-constant-color: hsl(250, 60%, 65%);
    --md-code-hl-keyword-color: hsl(220, 70%, 65%);
    --md-code-hl-string-color: hsl(150, 60%, 55%);
    --md-code-hl-name-color: hsl(var(--md-neutral-hue), 0%, 88%);
    --md-code-hl-operator-color: hsl(var(--md-neutral-hue), 0%, 70%);
    --md-code-hl-punctuation-color: hsl(var(--md-neutral-hue), 0%, 70%);
    --md-code-hl-comment-color: hsl(var(--md-neutral-hue), 0%, 55%);
    --md-code-hl-generic-color: hsl(var(--md-neutral-hue), 0%, 70%);
    --md-code-hl-variable-color: hsl(var(--md-neutral-hue), 0%, 75%);

    /* Admonitions */
    --md-admonition-bg-color: hsl(var(--md-neutral-hue), 0%, 14%);
    --md-admonition-fg-color: hsl(var(--md-neutral-hue), 0%, 88%);

    /* Поиск */
    --md-search-bg-color: hsl(var(--md-neutral-hue), 0%, 14%);
    --md-search-fg-color: hsl(var(--md-neutral-hue), 0%, 88%);
    --md-search-fg-color--accent: hsl(var(--md-brand-hue), 90%, 60%);

    /* Тени - НЕЙТРАЛЬНЫЕ */
    --md-shadow-z1: 0 1px 3px hsl(0, 0%, 0%, 0.4), 0 1px 2px hsl(0, 0%, 0%, 0.6);
    --md-shadow-z2: 0 3px 6px hsl(0, 0%, 0%, 0.4), 0 3px 6px hsl(0, 0%, 0%, 0.6);
    --md-shadow-z3: 0 10px 20px hsl(0, 0%, 0%, 0.4), 0 6px 6px hsl(0, 0%, 0%, 0.6);
}

/* ============================================
   ДОПОЛНИТЕЛЬНЫЕ СТИЛИ
   ============================================ */

/* Изображения */
.md-content img {
    /*border: 1px solid var(--md-default-fg-color--lighter);*/
    /*border-radius: 4px;*/
    display: block;
    margin: 1.5em auto;
    /*box-shadow: 0 4px 10px hsl(0, 0%, 0%, 0.15);*/
}

/* Скроллбар */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--md-default-bg-color);
}

::-webkit-scrollbar-thumb {
    background-color: var(--md-accent-fg-color);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--md-accent-fg-color--light);
}