:root {
  color-scheme: light dark;
}

body.bg-body {
  background-color: var(--bs-body-bg);
}

.object-fit-cover { object-fit: cover; }

.article .content img {
  max-width: 100%;
  height: auto;
  border-radius: .5rem;
  box-shadow: 0 0.25rem 1rem rgba(0,0,0,.08);
}

@media (prefers-color-scheme: dark) {
  .card { border-color: rgba(255,255,255,.08); }
}

/* Универсальная кнопка с адаптацией под светлую/тёмную тему */
.theme-btn {
  background-color: var(--bs-body-color);
  color: var(--bs-body-bg);
  border: none;
  transition: background-color .25s, color .25s;
}

.theme-btn:hover {
  background-color: var(--bs-emphasis-color);
  color: var(--bs-body-bg);
}

/* Дополнительный акцент для светлой темы */
[data-bs-theme="light"] .theme-btn {
  background-color: #2B2B2A;
  color: #fff;
}

[data-bs-theme="light"] .theme-btn:hover {
  background-color: #FBBA00;
  color: #2B2B2A;
}

/* И для тёмной темы */
[data-bs-theme="dark"] .theme-btn {
  background-color: #FBBA00;
  color: #2B2B2A;
}

[data-bs-theme="dark"] .theme-btn:hover {
  background-color: #ffcb33;
  color: #000;
}