@import 'tailwindcss';

/* Custom Styles with standard Tailwind colors */
.btn-primary {
  @apply px-6 py-3 bg-green-600 text-white font-semibold rounded-md hover:bg-green-700 transition-colors inline-block;
}

.btn-secondary {
  @apply px-6 py-3 bg-gray-600 text-white font-semibold rounded-md hover:bg-gray-700 transition-colors inline-block;
}

.btn-outline {
  @apply px-6 py-3 border-2 border-green-600 text-green-600 font-semibold rounded-md hover:bg-green-600 hover:text-white transition-colors inline-block;
}

.card {
  @apply bg-white rounded-lg shadow-md p-6;
}

.card-industrial {
  @apply bg-gradient-to-br from-white to-gray-50 rounded-lg shadow-lg p-6 border border-gray-200;
}

.section-title {
  @apply text-3xl md:text-4xl font-bold text-gray-900 mb-4;
}

.section-subtitle {
  @apply text-xl text-gray-600 mb-8;
}
