/* ==========================================================================
   Cards, badges, empty/skeleton states
   ========================================================================== */
/* Borderless floating surface — the boundary comes from the surface/page
   contrast plus the shadow, not a drawn line, so cards read as "resting on"
   the page rather than "boxed into" it. */
.card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-md);
  padding: 1.375rem;
}