/* The quiet button on the address cards - "Use this address instead", "Let me
   fix it", "Let me check it".

   WHY THIS FILE EXISTS AT ALL: Bootstrap's .btn-outline-* variants are a FIXED
   colour in both themes, and these buttons sit on an .alert whose background is
   NOT fixed. Measured on the real cards:

     .btn-outline-secondary  #6c757d  on dark alert-warning   #332701  = 3.16:1
     .btn-outline-secondary  #6c757d  on dark alert-secondary #161719  = 3.83:1
     .btn-outline-secondary  #6c757d  on light alert-secondary #e2e3e5 = 3.65:1
     .btn-outline-warning    #ffc107  on light alert-warning  #fff3cd  = 1.47:1

   All under the 4.5:1 floor, and the first three are close enough to
   Bootstrap's disabled styling that the button reads as greyed out - which on
   these cards is the worst possible misreading, because the quiet button is
   half of what makes the feature a suggestion rather than a gate. The last one
   is the trap in the other direction: outline-warning fixes the dark theme and
   makes light mode almost invisible. The same mistake is already recorded in
   address-verification.js against text-warning on the comparison table.

   THE FIX IS THE -emphasis TOKENS, which Bootstrap 5.3 flips per theme, so one
   declaration is correct in both. Paired with the matching *-bg-subtle that the
   .alert itself uses:

     warning    #664d03 on #fff3cd = 7.21:1 (light)   #ffda6a on #332701 = 10.82:1 (dark)
     secondary  #2b2f32 on #e2e3e5 = 10.51:1 (light)  #a7acb1 on #161719 =  7.84:1 (dark)

   Hover and active invert to the emphasis colour as the ground, which keeps the
   button legible while pressed without hard-coding either theme's palette. */

.btn-address-quiet-warning {
  --bs-btn-color: var(--bs-warning-text-emphasis);
  --bs-btn-border-color: var(--bs-warning-text-emphasis);
  --bs-btn-hover-color: var(--bs-warning-bg-subtle);
  --bs-btn-hover-bg: var(--bs-warning-text-emphasis);
  --bs-btn-hover-border-color: var(--bs-warning-text-emphasis);
  --bs-btn-active-color: var(--bs-warning-bg-subtle);
  --bs-btn-active-bg: var(--bs-warning-text-emphasis);
  --bs-btn-active-border-color: var(--bs-warning-text-emphasis);
  --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
}

.btn-address-quiet-secondary {
  --bs-btn-color: var(--bs-secondary-text-emphasis);
  --bs-btn-border-color: var(--bs-secondary-text-emphasis);
  --bs-btn-hover-color: var(--bs-secondary-bg-subtle);
  --bs-btn-hover-bg: var(--bs-secondary-text-emphasis);
  --bs-btn-hover-border-color: var(--bs-secondary-text-emphasis);
  --bs-btn-active-color: var(--bs-secondary-bg-subtle);
  --bs-btn-active-bg: var(--bs-secondary-text-emphasis);
  --bs-btn-active-border-color: var(--bs-secondary-text-emphasis);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
}