/**
 * card.css
 * BIXOR Exchange - Card Component Styles
 */

.card {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-base);
  transition: var(--transition-all-fast);
}

/* Padding variants */
.card-padding-small {
  padding: var(--spacing-2);
}

.card-padding-medium {
  padding: var(--spacing-4);
}

.card-padding-large {
  padding: var(--spacing-6);
}

/* Elevation (shadow) variants */
.card-elevation-1 {
  box-shadow: var(--shadow-sm);
}

.card-elevation-2 {
  box-shadow: var(--shadow-base);
}

.card-elevation-3 {
  box-shadow: var(--shadow-md);
}

/* Modifiers */
.card-hoverable:hover {
  transform: scale(1.02);
  box-shadow: var(--shadow-lg);
}

.card-clickable {
  cursor: pointer;
}

.card-clickable:active {
  transform: scale(0.98);
}