.au-card {
  --au-card-bg: var(--au-surface);
  --au-card-border: var(--au-border-color);
  --au-card-radius: var(--au-radius-lg);
  --au-card-padding: var(--au-space-6);

  background: var(--au-card-bg);
  border: 1px solid var(--au-card-border);
  border-radius: var(--au-card-radius);
  color: var(--au-fg);
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

.au-card__header,
.au-card__body,
.au-card__footer {
  padding: var(--au-card-padding);
}

.au-card__header {
  border-bottom: 1px solid var(--au-card-border);
}

.au-card__footer {
  align-items: center;
  border-top: 1px solid var(--au-card-border);
  display: flex;
  gap: var(--au-space-3);
  justify-content: flex-end;
}

.au-card__eyebrow {
  color: var(--au-fg-subtle);
  font-family: var(--au-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.au-card__title {
  font-size: 18px;
  letter-spacing: -0.025em;
  line-height: 1.25;
  margin: 0;
}

.au-card__body > :first-child {
  margin-top: 0;
}

.au-card__body > :last-child {
  margin-bottom: 0;
}

.au-card--muted {
  --au-card-bg: var(--au-surface-muted);
}

.au-card--interactive {
  transition: border-color var(--au-duration-fast) var(--au-ease), transform var(--au-duration-fast) var(--au-ease);
}

.au-card--interactive:hover {
  border-color: var(--au-border-emphasis);
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  .au-card--interactive { transition-duration: 0.01ms; }
}