/* app/assets/stylesheets/components/cards.css */

.card {
  background: var(--bg-surface);
  border:     1px solid var(--border-color);
}

.card__body {
  padding: var(--space-5) var(--space-6);
}

.card__header {
  padding:       var(--space-4) var(--space-6);
  border-bottom: 1px solid var(--border-color);
  display:       flex;
  align-items:   center;
  justify-content: space-between;
}

.card__footer {
  padding:    var(--space-4) var(--space-6);
  border-top: 1px solid var(--border-color);
}