/* Custom overrides for Tailwind CSS */
:root {
  --primary-blue: #1e40af;
  --secondary-blue: #3b82f6;
  --accent-blue: #60a5fa;
}

/* Custom focus states for better accessibility */
.focus-visible:focus {
  outline: 2px solid var(--accent-blue);
  outline-offset: 2px;
}

/* Smooth transitions */
.transition-all {
  transition: all 0.3s ease;
}

/* Custom button hover effects */
.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.3);
}

/* Product card hover effects */
.product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Hero gradient background */
.hero-gradient {
  background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
}