.card {
  --card-bg: #fff;
  --card-border-radius: .5rem;
  --card-box-shadow: 0 4px 12px -3px hsla(0,0%,0%,.1);
  --card-spacer-x: 2rem;
  --card-spacer-y: 2rem;

  background: var(--card-bg);
  border-radius: var(--card-border-radius);
  box-shadow: var(--card-box-shadow);
}

[data-theme="dark"] .card {
  --card-bg: #171717;
}

.card .card-body {
  padding: var(--card-spacer-y) var(--card-spacer-x);
}