.cards {
    --swiper-theme-color: var(--color-secondary);
    --swiper-pagination-bullet-inactive-color: var(--color-primary);
}

.cards .swiper-pagination-bullet {
    border: 2px solid var(--swiper-pagination-bullet-inactive-color);
}

.cards.cards--bg-white {
    --card-background: var(--color-white);
    --color-text: var(--color-dark);
}
.cards.cards--bg-secondary {
    --card-background: var(--color-secondary);
    --color-text: var(--color-white);
}

.cards.cards--headline-primary {
    --card-headline-color: var(--color-primary);
}
.cards.cards--headline-secondary {
    --card-headline-color: var(--color-secondary);
}