@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --primary: #0097b2;
  --secondary: #004aad;
}

body {
  @apply bg-white text-gray-900;
}

.btn-primary {
  @apply bg-primary hover:bg-primary/90 text-white font-semibold px-6 py-3 rounded-lg transition-all duration-300 shadow-md hover:shadow-lg;
}

.btn-secondary {
  @apply bg-secondary hover:bg-secondary/90 text-white font-semibold px-6 py-3 rounded-lg transition-all duration-300 shadow-md hover:shadow-lg;
}

.section-padding {
  @apply py-16 md:py-24;
}

.container-custom {
  @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
}