/* Make Select2 follow Bootstrap light/dark tokens */
.select2-container--bootstrap-5 .select2-selection--single,
.select2-container--bootstrap-5 .select2-selection--multiple {
  background-color: var(--bs-body-bg);
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}

/* Rendered text & placeholder */
.select2-container--bootstrap-5 .select2-selection__rendered {
  color: var(--bs-body-color);
}
.select2-container--bootstrap-5 .select2-selection__placeholder {
  color: var(--bs-secondary-color);
}

/* Arrow/clear icons */
.select2-container--bootstrap-5 .select2-selection__arrow b {
  border-color: var(--bs-body-color) transparent transparent transparent;
}
.select2-container--bootstrap-5 .select2-selection__clear {
  color: var(--bs-secondary-color);
}

/* Focus state */
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5 .select2-selection:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

/* Disabled state */
.select2-container--bootstrap-5.select2-container--disabled .select2-selection {
  background-color: var(--bs-secondary-bg);
  color: var(--bs-secondary-color);
}

/* Dropdown panel */
.select2-container--bootstrap-5 .select2-dropdown {
  background-color: var(--bs-body-bg);
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}

/* Options */
.select2-container--bootstrap-5 .select2-results__option {
  color: var(--bs-body-color);
  background-color: transparent;
}
.select2-container--bootstrap-5 .select2-results__option--selected {
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}
.select2-container--bootstrap-5 .select2-results__option--highlighted {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text);
}

/* Search box inside dropdown (for large lists) */
.select2-container--bootstra