[data-skin="flat"].card{
  --card-bg: var(--bg-page);
  --card-bd: 0 solid transparent;
  --card-shadow: 0 0 20px rgba(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;
}