$card-spacer-y: 0.5rem;
$card-spacer-x: 0.5rem;
$card-bg: var(--body-bg);
$card-border-color: var(--card-border-color);
$card-cap-bg: var(--card-cap-bg);

@import 'bootstrap/scss/card';

.card-header {
    font-weight: bold;
}

.theme-dark {
    --card-cap-bg: #{$color-bg-3};
    --card-border-color: #{$color-border};
}

.theme-light {
    --card-cap-bg: #{rgba($color-light-bg-2, 0.75)};
    --card-border-color: #{$color-light-border};
}