/* ============================================================
   Instom — theme-bootinstom.css
   Палитра темы «BootInstom» (фирменная тема на ванильном Bootstrap 5.3).
   Подключается ПОСЛЕ bootstrap.min.css и ПЕРЕД main.css, но ТОЛЬКО
   когда в настройках сайта выбрана тема BootInstom (SiteSettings.theme).
   Для скинов Cosmo/Flatly этот файл не грузится — палитру даёт скин.
   Единственное место с фирменным красным. Тёмная тема поддерживается
   через [data-bs-theme="dark"] (доступна, если theme_allow_dark включён).
   ============================================================ */
:root,
[data-bs-theme="light"] {
  --bs-primary: var(--accent, #DB212A);
  --bs-primary-rgb: 219, 33, 42;
  --bs-link-color: var(--bs-primary);
  --bs-link-color-rgb: var(--bs-primary-rgb);
  --bs-link-hover-color: var(--accent-hover, #c11d25);
  --instom-primary-hover: var(--accent-hover, #c11d25);
  --bs-primary-bg-subtle: #fbe3e4;
  --bs-primary-border-subtle: #f3b9bc;
  --bs-primary-text-emphasis: #58080d;
}
[data-bs-theme="dark"] {
  --bs-primary: #f2555d;
  --bs-primary-rgb: 242, 85, 93;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #f7878d;
  --instom-primary-hover: #d94048;
  --bs-primary-bg-subtle: #2e0a0c;
  --bs-primary-border-subtle: #8a2c31;
  --bs-primary-text-emphasis: #f9a5a9;
}

/* Перекраска компонентов Bootstrap под бренд (Sass не пересобираем). */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--instom-primary-hover);
  --bs-btn-hover-border-color: var(--instom-primary-hover);
  --bs-btn-active-bg: var(--instom-primary-hover);
  --bs-btn-active-border-color: var(--instom-primary-hover);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.form-control:focus,
.form-select:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .2);
}
.nav-pills { --bs-nav-pills-link-active-bg: var(--bs-primary); }
.nav-tabs  { --bs-nav-tabs-link-active-color: var(--bs-primary); }