/* ==========================================================
   Card Component
   ========================================================== */

.card {
  background: var(--tg-theme-section-bg-color);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.card + .card {
  margin-top: var(--space-md);
}

.card-header {
  padding: var(--space-lg) var(--space-lg) var(--space-sm);
  font-size: var(--font-lg);
  font-weight: var(--weight-semibold);
  color: var(--tg-theme-text-color);
}

.card-body {
  padding: var(--space-sm) var(--space-lg) var(--space-lg);
}

.card-header + .card-body {
  padding-top: 0;
}

.card-footer {
  padding: var(--space-sm) var(--space-lg) var(--space-lg);
  border-top: 1px solid var(--tg-theme-section-separator-color);
}