[data-skin="flat"].card {
  --card-bg: var(--bg-page);
  --card-bd: 0 solid transparent;
  --card-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  --card-backdrop: none;
}

[data-skin="glass"].card {
  --card-bg: var(--glass-bg);
  --card-bd: 1px solid var(--glass-bd);
  --card-shadow: var(--shadow-2);
  --card-backdrop: blur(var(--glass-blur));
}

[data-skin="raised"].card {
  --card-bg: var(--bg-elev-1);
  --card-bd: 5px color-mix(in oklch, var(--color-primary), black 100%);
  --card-shadow: var(--shadow-1);
  --card-backdrop: none;
}