:root {
  --card-default-padding: var(--space-4) var(--space-5);
  --card-default-border: var(--control-border-width) solid var(--color-border);
  --card-default-radius: var(--radius-12);
  --card-default-background: var(--color-surface);
  --card-default-foreground: var(--color-surface-foreground);
}

.card {
  --card-padding: var(--card-default-padding);
  --card-border: var(--card-default-border);
  --card-radius: var(--card-default-radius);
  --card-background: var(--card-default-background);
  --card-foreground: var(--card-default-foreground);
}

.card {
  padding: var(--card-padding);
  border: var(--card-border);
  border-radius: var(--card-radius);
  background: var(--card-background);
  color: var(--card-foreground);
}