Card border color inconsistency

Created by: crdo

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Card cap (header/footer) border color is different than border color of the Card itself.

As the default cap background is rgba($black, .03) and the default cap border color is inherited from the Card via $card-border-color the transparent derivates of black are added up to shade of gray that is different than the Card border.

Therefore I suggest to introduce a new var card-cap-border-color whose default will be rgba($black, .145).

I have crated PR with suggested change.

Reduced test cases

The bug can bee seen on the docs itself https://getbootstrap.com/docs/5.2/components/card/#header-and-footer.

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Safari

What version of Bootstrap are you using?

5.2