Bootstrap 5.3 Override $primary in darkmode

@import '~bootstrap/scss/functions';

$primary: #6174dd;
$premium: #ff9066;
$min-contrast-ratio: 3;

@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/variables-dark';

$primary-bg-subtle-dark: $danger;

$custom-colors: (
  'premium': $premium,
);

$theme-colors: map-merge($theme-colors, $custom-colors);

// this works, but I really do not want to define every class...
// [data-bs-theme="dark"] {
//   .bg-primary {
//     background-color: $info;
//   }
// }