It seems putting a .card element inside the .hero-body of a .hero.is-dark element results in the title and subtitle being white on white, and thus unreadable.
_Expected behavior:_ The hero title/subtitle style should not take priority over the card title/subtitle style.
_Actual behavior:_ The hero title/subtitle style clobbers the card title/subtitle style, making them unreadable.

Ran into this as well. Any timeline on a fix?
I tried adding "is-dark" to card, but that doesn't work either.
You can fix it with:
.hero.is-dark .card .title {
color: #363636;
}
Is fixed, to be closed.
Most helpful comment
You can fix it with: