[data-component="card"] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
  border: 1px solid color-mix(in oklab, var(--border) 75%, transparent);
  border-radius: var(--radius-lg);
  background: var(--card);
  color: var(--card-foreground);
  font-size: 0.75rem;
  line-height: 1.45;
  padding: var(--kw-card-padding, 1rem);
}

[data-component="card"][data-size="sm"] {
  gap: 0.75rem;
  padding: var(--kw-card-padding, 0.75rem);
}

[data-component="card"][data-variant="info"] {
  border-color: color-mix(in oklab, var(--info) 34%, var(--border));
}
[data-component="card"][data-variant="success"] {
  border-color: color-mix(in oklab, var(--success) 34%, var(--border));
}
[data-component="card"][data-variant="warning"] {
  border-color: color-mix(in oklab, var(--warning) 34%, var(--border));
}
[data-component="card"][data-variant="error"] {
  border-color: color-mix(in oklab, var(--destructive) 34%, var(--border));
}

[data-slot="card-header"],
[data-slot="card-content"],
[data-slot="card-footer"] {
  min-width: 0;
}

[data-slot="card-title"] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--foreground);
  font-size: 0.875rem;
  font-weight: 500;
}

[data-slot="card-description"] {
  color: var(--muted-foreground);
  font-size: 0.75rem;
}
