/* 3-components/card.css */
.card {
  padding: var(--space-card-padding);
  background-color: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
}

.card__title {
  font-size: var(--text-heading-2);
  color: var(--color-text);
  margin-bottom: var(--space-element-gap);
}

.card__text {
  font-size: var(--text-body);
  color: var(--color-text-muted);
}