/**
 * Cards
 */

.card {
  background-color: var(--color-bg-white);
  border-radius: var(--radius-lg);
  padding: var(--space-8);
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base);
}

.card:hover {
  box-shadow: var(--shadow-lg);
}

.card-title {
  font-size: var(--font-size-2xl);
  margin-bottom: var(--space-4);
}

.card-content {
  color: var(--color-secondary);
  line-height: var(--line-height-relaxed);
}