/* ================================================================
   CARDS — Generic card component
   Mobile-first. Uses var(--vc-*) tokens exclusively.
   ================================================================ */

.card {
  background: var(--vc-bg-surface);
  border: 1px solid var(--vc-border-default);
  border-radius: var(--r-lg);
  padding: var(--sp-8);
  transition: all var(--t-fast);
}

.card:hover {
  border-color: var(--vc-border-emphasis);
}

.card-sm {
  padding: var(--sp-5);
}

.card-accent-top {
  border-top: 3px solid var(--vc-accent);
}

.card-founder-border {
  border-color: var(--vc-founder-border);
}