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

/* Custom utilities for the new color scheme */
@layer utilities {
  .bg-gradient-primary {
    background: linear-gradient(135deg, #006196 0%, #004a75 100%);
  }
  
  .bg-gradient-primary-light {
    background: linear-gradient(135deg, #3381ad 0%, #006196 100%);
  }
  
  .bg-gradient-primary-dark {
    background: linear-gradient(135deg, #003452 0%, #004a75 100%);
  }
  
  .text-gradient-primary {
    background: linear-gradient(135deg, #006196 0%, #004a75 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
}

/* Custom components */
@layer components {
  .btn-primary {
    @apply bg-primary hover:bg-secondary text-white font-medium py-2 px-4 rounded-lg transition-all duration-300 shadow-md hover:shadow-lg;
  }
  
  .btn-primary-outline {
    @apply border-2 border-primary text-primary hover:bg-primary hover:text-white font-medium py-2 px-4 rounded-lg transition-all duration-300;
  }
  
  .card-primary {
    @apply bg-white rounded-lg shadow-lg border-l-4 border-primary;
  }
  
  .header-primary {
    @apply bg-primary text-white shadow-md;
  }
}