.c42-card {
  background: var(--c42-color-bg, #ffffff);
  border: 1px solid var(--c42-color-border, #e5e7eb);
  border-radius: var(--c42-radius, 0.75rem);
  box-shadow: var(--c42-shadow, 0 1px 2px rgba(0, 0, 0, 0.05));
  color: var(--c42-color-fg, #1f2937);
  overflow: hidden;
}

.c42-card-header,
.c42-card-body,
.c42-card-footer {
  padding: var(--c42-space, 1rem);
}

.c42-card-header {
  font-weight: 600;
  color: var(--c42-color-fg, #1f2937);
  border-bottom: 1px solid var(--c42-color-border, #e5e7eb);
}

.c42-card-body {
  color: var(--c42-color-fg, #1f2937);
}

.c42-card-footer {
  border-top: 1px solid var(--c42-color-border, #e5e7eb);
  background: var(--c42-color-surface, #f9fafb);
}