/* Тёмная тема Adorado.
   styles.css — это Start Bootstrap «Personal» с вкомпилированным Bootstrap 5.2.3
   (var-driven: всё через --bs-*). Этот файл грузится ПОСЛЕ styles.css, поэтому его
   [data-bs-theme="dark"] перебивает :root бандла (равная специфичность → позднее
   правило). Светлую тему НЕ трогаем — она остаётся фирменной из styles.css.
   Bootstrap 5.3.3 (CDN) даёт data-bs-theme/.bg-body-* и компоненты. */

[data-bs-theme="dark"] {
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #1a1d20;
  --bs-body-bg-rgb: 26, 29, 32;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #2b3035;
  --bs-secondary-bg-rgb: 43, 48, 53;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-bg: #212529;
  --bs-tertiary-bg-rgb: 33, 37, 41;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-heading-color: #fff;
  --bs-link-color: #6ea8fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #f78cba;
  --bs-highlight-bg: #41331c;
  /* таблицы */
  --bs-table-color: #dee2e6;
  --bs-table-bg: transparent;
  --bs-table-border-color: #495057;
  --bs-table-striped-bg: rgba(255, 255, 255, 0.05);
  --bs-table-striped-color: #dee2e6;
  --bs-table-hover-bg: rgba(255, 255, 255, 0.075);
  --bs-table-hover-color: #dee2e6;
  color-scheme: dark;
}

/* Фиксированные светлые утилиты bundle → адаптивные в тёмной */
[data-bs-theme="dark"] .bg-white { background-color: var(--bs-body-bg) !important; }
[data-bs-theme="dark"] .bg-light { background-color: var(--bs-tertiary-bg) !important; }

/* Навбар/футер: если на них остались светлые классы из других шаблонов */
[data-bs-theme="dark"] .navbar.bg-white,
[data-bs-theme="dark"] footer.bg-white { background-color: var(--bs-secondary-bg) !important; }
[data-bs-theme="dark"] .navbar-light .navbar-nav .nav-link,
[data-bs-theme="dark"] .navbar-light .navbar-brand { color: var(--bs-body-color); }
[data-bs-theme="dark"] .navbar-light .navbar-toggler-icon {
  filter: invert(1) grayscale(100%) brightness(2);
}

/* btn-outline-dark на тёмном фоне почти невидим → светлый контур */
[data-bs-theme="dark"] .btn-outline-dark {
  --bs-btn-color: #dee2e6;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-bg: #dee2e6;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-border-color: #dee2e6;
  --bs-btn-active-bg: #dee2e6;
  --bs-btn-active-color: #212529;
}

/* Модалки в тёмной теме */
[data-bs-theme="dark"] .modal-content {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer {
  border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] .modal-header .btn-close {
  filter: invert(1) grayscale(100%) brightness(2);
}

/* Текстовые инпуты статистики (web.html) и формы — bundle 5.2.3 хардкодит белый фон */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] input[type="text"],
[data-bs-theme="dark"] input[type="email"],
[data-bs-theme="dark"] input[type="password"],
[data-bs-theme="dark"] input[type="number"],
[data-bs-theme="dark"] textarea {
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] .form-control::placeholder { color: var(--bs-tertiary-color); }

/* Карточки */
[data-bs-theme="dark"] .card {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
}

/* Бренд/логотип/навбар в тёмной: text-primary (#1e30f3) тускл на тёмном → светлее;
   логотип (синий глобус, прозрачный фон) подсветить; ссылки меню читаемы. */
[data-bs-theme="dark"] .navbar-brand .text-primary { color: #7d92ff !important; }
/* Логотип = одноцветный SVG через CSS mask → цвет берётся из темы (бренд-синий на
   светлой, светлый на тёмной); раньше был растровый img + filter-костыль. */
.navbar-brand .brand-logo {
  display: inline-block; width: 30px; height: 30px; vertical-align: middle;
  background-color: var(--bs-primary);
  -webkit-mask: url("/static/assets/logo.svg") center / contain no-repeat;
          mask: url("/static/assets/logo.svg") center / contain no-repeat;
}
[data-bs-theme="dark"] .navbar-brand .brand-logo { background-color: #7d92ff; }
[data-bs-theme="dark"] .navbar .nav-link { color: rgba(222, 226, 230, 0.85); }
[data-bs-theme="dark"] .navbar .nav-link:hover,
[data-bs-theme="dark"] .navbar .nav-link:focus,
[data-bs-theme="dark"] .navbar .nav-link.active { color: #fff; }