fix: #3622670 Paint the header with the brand primary instead of the literal black

Follow-up to !22 (merged), which landed the black header using the literal bg-black utility.

Why

In this theme the brand primary is black: scss/_bootstrap-variables.scss sets $primary: #000000, and Bootstrap 5.3 emits it as the CSS custom property --bs-primary-rgb: 0,0,0, which .bg-primary consumes. bg-black hardcodes Bootstrap's own literal black instead, so a later change to the brand palette would move every other primary surface and leave the site header behind.

The change

One value in the header page region: background_color bg-black → bg-primary. Nothing else changes, and the header renders identically today.

The wordmark swap keeps working: scss/base/vartheme.base.scss lists .bg-primary first in $rightup-dark-section-backgrounds, so rightup-logo-white.svg is still the wordmark revealed on the black bar.

Verification

Fresh ddev drush si -y ../recipes/rightup on Drupal CMS 2.1.4 (core 11.4.6):

Check	Result
header section classes	... bg-primary text-white bg-edge2edge
wordmark rendered	rightup-logo-white.svg (brand-logo-on-light hidden)
resolved background	rgb(0, 0, 0), from --bs-primary-rgb
Newsletter button	accent teal rgb(0, 245, 212) with black label

The screenshots attached to #3622670 were captured from this state.

Checkpoints

• File an issue
• Addition/Change/Update/Fix
• Testing to ensure no regression
• Automated unit/functional testing coverage
• Developer Documentation support
• User Guide Documentation support
• UX/UI designer responsibilities
• Accessibility and Readability
• Reviewed by a human
• Code review by maintainers
• Full testing and approval
• Credit contributors
• Review with the product owner
• Update Release Notes
• Release

AI-Generated: Yes