/* Site-wide open accordion header (product owner, 2026-10-22): grey where
   Bootstrap makes it blue.

   Bootstrap tints an open .accordion-button with its primary pair (a light
   blue fill under dark blue text and chevron). Every accordion on the
   public site uses its secondary pair instead: the #e2e3e5 fill
   (--bs-secondary-bg-subtle) under #2b2f32 text and chevron
   (--bs-secondary-text-emphasis), about 10.5:1. The chevron is Bootstrap's
   own image with that stroke; it still turns to show which sections are
   open. The glow after a mouse click turns grey too. The keyboard focus
   ring is focus.css's (:focus-visible) and stays the site's blue.

   More specific than Bootstrap's .accordion, so it wins. The builders'
   question-type and field-type palettes (.assessment-builder__palette,
   .document-builder__palette) style their own pale-blue open state to
   match the builders' blue cards and borrow Bootstrap's chevron and glow,
   so they're left out and keep exactly that. */
.accordion:not(.assessment-builder__palette):not(.document-builder__palette .accordion) {
  --bs-accordion-active-bg: var(--bs-secondary-bg-subtle);
  --bs-accordion-active-color: var(--bs-secondary-text-emphasis);
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%232b2f32' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 0.25);
}