/* ── Базовая карточка ──────────────────────────────────────── */
.card {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-8);
  box-shadow: var(--shadow-card);
  transition: var(--transition-base);
}

.card:hover {
  box-shadow: var(--shadow-card-hover);
  border-color: var(--color-border-light);
  transform: translateY(-3px);
}

/* ── Карточка с цветной верхней полосой ─────────────────────── */
.card--accent-cyan  { border-top: 3px solid var(--color-cyan); }
.card--accent-orange { border-top: 3px solid var(--color-orange); }
.card--accent-red   { border-top: 3px solid var(--color-red); }

/* ── Подсвеченная карточка ───────────────────────────────────── */
.card--highlight {
  border-color: var(--color-cyan);
  box-shadow: 0 0 0 1px var(--color-cyan-glow), var(--shadow-card);
}