/* Сообщаем движку, что страница поддерживает светлую и тёмную схему (нативные контролы, скроллбары). */
:root {
	color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
	.bootstrap-select > .dropdown-toggle {
		background-color: var(--bs-card-bg);
		color: var(--bs-body-color);
		border-color: var(--bs-border-color);
	}

	.bootstrap-select .dropdown-menu {
		background-color: var(--bs-card-bg);
		color: var(--bs-body-color);
		border-color: var(--bs-border-color);
	}

	.bootstrap-select .dropdown-item:hover,
	.bootstrap-select .dropdown-item:focus {
		background-color: var(--bs-secondary-bg);
		color: var(--bs-body-color);
	}
}