/* ============================================
        CARDS.CSS - Alle kort-komponenter
   ============================================ */

/* === BASE CARD === */
.card {
  background: var(--color-white);
  border: 1px solid var(--color-gray-light);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: background-color var(--transition-normal),
              border-color var(--transition-normal),
              box-shadow var(--transition-normal);
}

.card-body {
  padding: var(--spacing-lg);
  background: var(--color-white);
  transition: background-color var(--transition-normal);
}

.card-title {
  color: var(--color-text);
  font-weight: var(--font-weight-semibold);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-xl);
  transition: color var(--transition-normal);
}

.card-text {
  color: var(--color-text);
  transition: color var(--transition-normal);
}