/* Custom styles for Bibeebiz website */

/* Custom CSS variables for consistent theming */
:root {
  --primary-color: #2563eb;
  --secondary-color: #1e40af;
  --text-color: #374151;
  --bg-color: #f9fafb;
}

/* Additional custom styles can go here */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Custom button styles */
.btn-primary {
  @apply bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition duration-300;
}

/* Mobile menu animation */
#mobile-menu {
  transition: all 0.3s ease;
}

/* Responsive image handling */
img {
  max-width: 100%;
  height: auto;
}

/* Custom card styles */
.service-card {
  @apply bg-gray-50 p-6 rounded-lg text-center hover:shadow-lg transition duration-300;
}

.portfolio-card {
  @apply bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300;
}

/* Form styles */
.form-input {
  @apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500;
}

.form-textarea {
  @apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 h-32 resize-none;
}

/* Utility classes */
.text-gradient {
  background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}