/**
 * ==================================================
 * CARD
 * ==================================================
 */

.ik-card {
  padding: var(--ik-space-lg);

  background: var(--ik-color-card);
  border: 1px solid var(--ik-color-border);
  border-radius: var(--ik-radius-md);

  box-shadow: var(--ik-shadow-sm);

  transition: var(--ik-transition);
}

.ik-card:hover .ik-card-header {
  margin-bottom: var(--ik-space-lg);
}

.ik-card-title {
  margin: 0;

  color: var(--ik-color-heading);

  font-size: var(--ik-font-size-lg);
  font-weight: var(--ik-font-weight-bold);
  line-height: var(--ik-line-height-tight);
}

.ik-card-body {
  display: flex;
  flex-direction: column;
  gap: var(--ik-space-lg);
}