/* Card: uma coisa, nunca uma seção. Densidades padrão (24) e compacta (16). */

.card {
  padding: var(--space-6);
  border-radius: var(--radius-surface);
  background: var(--raised);
  box-shadow: var(--elevation);
}

.card-compact {
  padding: var(--space-4);
}

@media (forced-colors: active) {
  .card {
    border: 1px solid CanvasText;
  }
}