diff --git a/src/scss/ui/_cards.scss b/src/scss/ui/_cards.scss
index 12d24b47d6..db01babd48 100644
--- a/src/scss/ui/_cards.scss
+++ b/src/scss/ui/_cards.scss
@@ -1,6 +1,7 @@
 .card {
   --#{$prefix}card-border-radius: var(--#{$prefix}border-radius);
-  --#{$prefix}card-bg: var(--#{$prefix}card-bg);
+  --#{$prefix}card-bg: var(--#{$prefix}body-color);
+  --#{$prefix}card-color: var(--#{$prefix}body-bg);
 
   box-shadow: $card-shadow;
   border: $card-border-width solid $card-border-color;