Спасибо, я добавил:
.topic-card.has-max-height {
background: #e6ecf2
}
.topic-card.has-max-height:hover {
background: #ddecf7
}
И это отлично работает со стандартной палитрой «Оттенки синего».
Ладно, часть 2. Как его изменить, чтобы он работал с двумя цветовыми палитрами? Выглядело хорошо, пока браузер не переключился в тёмный режим.
Отвечаю на свой вопрос снова…
Вчера я узнал о @media (prefers-color-scheme: light/dark), так что всё в порядке.