/* Тёмная тема — тонкая настройка поверх Bootstrap 5.3 */

[data-bs-theme="dark"] {
  /* Фон body чуть темнее чем у Bootstrap по умолчанию */
  --bs-body-bg: #15181d;
  --bs-body-color: #dde1e7;

  /* Карточки — чуть светлее фона, чтобы «поднимались» над ним */
  --bs-tertiary-bg: #1f2329;
  --bs-secondary-bg: #22262d;

  /* Рамки — контрастнее */
  --bs-border-color: #2d3239;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.08);

  /* Вторичный текст (лейблы, подписи) — читаемый, но не кричащий */
  --bs-secondary-color: #8a94a3;
}

[data-bs-theme="dark"] .card {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
}

/* Hover на строках таблицы — чуть светлее */
[data-bs-theme="dark"] .table-hover > tbody > tr:hover > * {
  --bs-table-hover-bg: rgba(255, 255, 255, 0.04);
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] .table {
  --bs-table-bg: transparent;
}

/* list-group внутри карточки — прозрачный, не белый */
[data-bs-theme="dark"] .list-group-flush > .list-group-item {
  background-color: transparent;
  border-color: var(--bs-border-color);
}

/* Алёрт info — чуть ярче ссылки */
[data-bs-theme="dark"] .alert-info {
  --bs-alert-color: #9fd8ff;
  --bs-alert-bg: rgba(13, 110, 253, 0.12);
  --bs-alert-border-color: rgba(13, 110, 253, 0.3);
}

/* При печати — всегда светлая тема, независимо от data-bs-theme */
@media print {
  :root,
  [data-bs-theme="dark"],
  [data-bs-theme] {
    --bs-body-bg: #fff !important;
    --bs-body-color: #000 !important;
    --bs-tertiary-bg: #fff !important;
    --bs-secondary-bg: #fff !important;
    --bs-border-color: #ccc !important;
  }
  .card, .card-header {
    background: #fff !important;
    color: #000 !important;
    border-color: #ccc !important;
  }
}