.card-default {
  --wm-card-border-width: var(--wm-border-width-base);
  --wm-card-border-style: var(--wm-border-style-base);
  --wm-card-border-color: var(--wm-color-outline-variant);
  --wm-card-border-radius: var(--wm-radius-md);
  --wm-card-background: transparent;
  --wm-card-shadow: none;
}

.card-filled {
  --wm-card-border-width: 0;
  --wm-card-border-style: var(--wm-border-style-base);
  --wm-card-border-color: var(--wm-color-outline-variant);
  --wm-card-border-radius: var(--wm-radius-md);
  --wm-card-background: var(--wm-color-surface-bright);
  --wm-card-shadow: none;
}

.card-elevated {
  --wm-card-border-width: 0px;
  --wm-card-shadow: var(--wm-elevation-shadow-1);
  --wm-card-background: var(--wm-color-surface-container-lowest);
}