Add --bs-*-rgb variable overrides for Bootstrap 5.3 utility classes

features/sooper-colors/colors-theme-settings-css.inc

@@ -75,6 +75,28 @@ function colors_theme_settings_css($theme, &$css, array $palette) {
     $css .= "  --bs-tertiary-color: var(--dxt-color-text);\n";
     $css .= "  --bs-tertiary-bg: var(--dxt-color-silver);\n";
 
+    // Bootstrap 5.3 utility classes (.text-primary, .bg-primary, .border-primary,
+    // etc.) use the -rgb triplet form via rgba(), not the hex custom properties.
+    $rgb_map = [
+      '--bs-primary-rgb' => 'base',
+      '--bs-secondary-rgb' => 'accent1',
+      '--bs-body-color-rgb' => 'text',
+      '--bs-body-bg-rgb' => 'body',
+      '--bs-emphasis-color-rgb' => 'headings',
+      '--bs-link-color-rgb' => 'link',
+      '--bs-link-hover-color-rgb' => 'accent1',
+      '--bs-light-rgb' => 'silver',
+      '--bs-dark-rgb' => 'headings',
+      '--bs-secondary-bg-rgb' => 'card',
+      '--bs-tertiary-bg-rgb' => 'silver',
+    ];
+    foreach ($rgb_map as $css_var => $palette_key) {
+      if (!empty($palette[$palette_key])) {
+        $rgb = Color::hexToRgb($palette[$palette_key]);
+        $css .= "  $css_var: {$rgb['red']}, {$rgb['green']}, {$rgb['blue']};\n";
+      }
+    }
+
     $css .= "}\n\n";
   }
 }

scss/base/variables.scss

@@ -726,6 +726,29 @@ $schemes: (
           @if $key == "header" {
             --dxt-color-#{$key}-rgb:#{color.red($color),color.green($color),color.blue($color)};
           }
+
+          $rgb: #{color.red($color),color.green($color),color.blue($color)};
+
+          @if $key == "base" {
+            --bs-primary-rgb: #{$rgb};
+          } @else if $key == "accent1" {
+            --bs-secondary-rgb: #{$rgb};
+            --bs-link-hover-color-rgb: #{$rgb};
+          } @else if $key == "text" {
+            --bs-body-color-rgb: #{$rgb};
+          } @else if $key == "body" {
+            --bs-body-bg-rgb: #{$rgb};
+          } @else if $key == "headings" {
+            --bs-emphasis-color-rgb: #{$rgb};
+            --bs-dark-rgb: #{$rgb};
+          } @else if $key == "link" {
+            --bs-link-color-rgb: #{$rgb};
+          } @else if $key == "silver" {
+            --bs-light-rgb: #{$rgb};
+            --bs-tertiary-bg-rgb: #{$rgb};
+          } @else if $key == "card" {
+            --bs-secondary-bg-rgb: #{$rgb};
+          }
         }
 
         // Base color variants