/*
 * Тёмная тема публичной части (тема `sitesreviews-portal`, CORE/DESIGN-SYSTEM.md).
 * Включается атрибутом html[data-theme="dark"] (+ data-bs-theme для Bootstrap 5.3) —
 * его ставит includes/theme-init до отрисовки. Здесь: палитра переменных Trustbob и ручные правки;
 * зашитые в CSS темы нейтральные цвета закрывает sr-dark-generated.css (scripts/gen-dark-css.py).
 */
html[data-theme="dark"] {
    color-scheme: dark;
    --background_color: 17, 19, 23;
    --elements_background_color: 27, 30, 36;
    --inner_background_color: 36, 40, 50;
    --elements_inner_background_color: 36, 40, 50;
    --border_color: 48, 53, 64;
    --inner_border_color: 48, 53, 64;
    --text_color: 241, 243, 247;
    --text_muted_color: 152, 161, 177;
    /* В теме secondary — в основном цвет заголовков и названий (#17212B); на тёмном он светлый.
       Там, где он фон (кнопки, бейджи, счётчики), — правки ниже. */
    --secondary_color: 226, 230, 237;
    --navbar_background_color: 17, 19, 23;
    --star_color: 58, 64, 78;
    --footer_background_color: 22, 24, 29;
    --footer_heading_color: 241, 243, 247;
    --footer_text_color: 152, 161, 177;
    --footer_border_color: 48, 53, 64;
    --sidebar_background_color: 27, 30, 36;
    --sidebar_border_color: 48, 53, 64;
    --table-second-bg: 36, 40, 50;

    --bs-body-bg: #111317;
    --bs-body-color: #f1f3f7;
    --bs-secondary-bg: #1b1e24;
    --bs-tertiary-bg: #242832;
    --bs-border-color: #303540;
    --bs-emphasis-color: #f1f3f7;
    --bs-secondary-color: #98a1b1;
    --bs-link-color: #8db0ff;
    --bs-link-hover-color: #b3caff;
}

html[data-theme="dark"] body { background-color: rgb(var(--background_color)); color: rgb(var(--text_color)); }

/* Утилиты Bootstrap с постоянными цветами: в тёмном режиме Bootstrap их не меняет. */
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-body { background-color: rgb(var(--elements_background_color)) !important; }
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-body-tertiary { background-color: rgb(var(--inner_background_color)) !important; }
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-black,
html[data-theme="dark"] .text-body { color: rgb(var(--text_color)) !important; }
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary { color: rgb(var(--text_muted_color)) !important; }
html[data-theme="dark"] .border,
html[data-theme="dark"] .border-light,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom { border-color: rgb(var(--border_color)) !important; }
html[data-theme="dark"] .btn-light { background-color: #242832; border-color: #303540; color: #f1f3f7; }
html[data-theme="dark"] .btn-light:hover { background-color: #2d3240; color: #fff; }
html[data-theme="dark"] .btn-outline-secondary { color: #c9cfd9; border-color: #3a4050; }

/* Поля ввода и выпадашки. */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
    background-color: rgb(var(--inner_background_color));
    border-color: rgb(var(--border_color));
    color: rgb(var(--text_color));
}
html[data-theme="dark"] .form-control::placeholder { color: #7d8697; }
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus { background-color: rgb(var(--inner_background_color)); color: rgb(var(--text_color)); }
html[data-theme="dark"] .drop-down .drop-down-menu,
html[data-theme="dark"] .dropdown-menu { background-color: #1b1e24; border-color: #303540; box-shadow: 0 16px 40px rgba(0, 0, 0, .45); }
html[data-theme="dark"] .drop-down .drop-down-menu .drop-down-item { color: #c9cfd9; }
html[data-theme="dark"] .drop-down .drop-down-menu .drop-down-item:hover,
html[data-theme="dark"] .drop-down .drop-down-menu .drop-down-item.active { background-color: #242832; color: #fff; }
html[data-theme="dark"] .modal-content { background-color: #1b1e24; border-color: #303540; }

/* Таблицы, пагинация, полосы прокрутки. */
html[data-theme="dark"] .table { --bs-table-bg: transparent; --bs-table-color: #f1f3f7; --bs-table-border-color: #303540; --bs-table-striped-bg: rgba(255, 255, 255, .03); }
html[data-theme="dark"] .page-link { background-color: #1b1e24; border-color: #303540; color: #c9cfd9; }
html[data-theme="dark"] .page-item.disabled .page-link { background-color: #16181d; color: #5d6575; }
html[data-theme="dark"] ::-webkit-scrollbar-track { background: #16181d; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #3a4050; }

/* Тексты статей блога и страниц: вставки из редактора приходят со своими цветами. */
html[data-theme="dark"] .blog-post-article,
html[data-theme="dark"] .page-content { color: #dfe3ea; }
html[data-theme="dark"] .blog-post-article [style*="color"],
html[data-theme="dark"] .page-content [style*="color"] { color: inherit !important; }
html[data-theme="dark"] .blog-post-article [style*="background"],
html[data-theme="dark"] .page-content [style*="background"] { background-color: transparent !important; }
html[data-theme="dark"] .blog-post-article table td,
html[data-theme="dark"] .blog-post-article table th { border-color: #303540; }
html[data-theme="dark"] blockquote { color: #c9cfd9; }
html[data-theme="dark"] code { background: #242832; color: #e3e7ee; }

/* Логотипы компаний на тёмном: иконки сайтов часто прозрачные с тёмным рисунком — даём светлую подложку. */
html[data-theme="dark"] .p-fav:not(.p-fav-txt),
html[data-theme="dark"] .item-img img,
html[data-theme="dark"] .business-logo img { background-color: #eef1f6; }

/* --secondary_color светлый: элементы, где он служит фоном, переводим на графит с белым текстом. */
html[data-theme="dark"] .btn.btn-secondary,
html[data-theme="dark"] .btn.btn-secondary:hover,
html[data-theme="dark"] .bg-secondary,
html[data-theme="dark"] .noti-counter,
html[data-theme="dark"] .noti-btn .noti-flashing,
html[data-theme="dark"] .plan.plan-secondary .plan-badge { background-color: #3a4050 !important; border-color: #3a4050 !important; color: #fff !important; }
html[data-theme="dark"] .btn.btn-outline-secondary:hover,
html[data-theme="dark"] .btn-outline-secondary:active { background-color: #3a4050; border-color: #3a4050; color: #fff !important; }

/* Инструменты: свои переменные цвета в tools/partials/styles (генератор пропускает custom properties). */
html[data-theme="dark"] .sr-tools { --sr-bd: #303540; --sr-ink: #f1f3f7; --sr-mut: #98a1b1; }