:root {
  --brand-primary: #0d6efd;
  --brand-info: #0dcaf0;
  --brand-success: #198754;
  --brand-warning: #ffc107;
  --hover-transform: translateY(-2px);
  --transition-smooth: all 0.3s ease;
}

/* Hover Effects */
.hover-card {
  transition: var(--transition-smooth);
}

.hover-card:hover {
  transform: var(--hover-transform);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.hover-lift {
  transition: var(--transition-smooth);
}

.hover-lift:hover {
  transform: var(--hover-transform);
}

/* Card Enhancements */
.card-header {
  border-bottom: none;
}

/* Rating Badge Animation */
.badge {
  transition: var(--transition-smooth);
}

.hover-card:hover .badge {
  transform: scale(1.05);
}

/* Button Enhancements */
.btn {
  transition: var(--transition-smooth);
  border-radius: 0.5rem;
}

.btn:hover {
  transform: translateY(-1px);
}

.hover-lift:hover {
  transform: translateY(-3px);
  transition: transform 0.2s;
}
.hover-card {
  transition: transform 0.2s;
}
.hover-card:hover {
  transform: scale(1.02);
}

/* Mobile Optimizations */
@media (max-width: 768px) {
  .display-6 {
    font-size: 1.75rem;
  }
  
  .card-body {
    padding: 1.5rem !important;
  }
  
  .hover-card:hover {
    transform: none;
  }
}

/* Accessibility Improvements */
@media (prefers-reduced-motion: reduce) {
  .hover-card,
  .hover-lift,
  .badge,
  .btn {
    transition: none;
  }
  
  .hover-card:hover,
  .hover-lift:hover {
    transform: none;
  }
}
