/* ==========================================================================
   Component — Card (پایه قابل استفاده مجدد)
   ========================================================================== */
.card-surface {
  background-color: var(--color-bg-elevated);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  padding: var(--space-6);
  transition: box-shadow var(--duration-base) var(--ease-standard),
              transform var(--duration-base) var(--ease-standard);
}

.card-surface--interactive:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-3px);
}

/* پل زدن کارت Bootstrap به توکن‌ها */
.card {
  --bs-card-border-color: var(--color-border);
  --bs-card-border-radius: var(--radius-xl);
  --bs-card-inner-border-radius: var(--radius-lg);
  --bs-card-bg: var(--color-bg-elevated);
}