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

@layer base {
    body {
        @apply font-sans antialiased text-nsma-dark;
    }
}

@layer components {
    .btn-primary {
        @apply inline-block bg-nsma-red text-white font-semibold px-6 py-3 rounded-lg hover:bg-red-600 transition;
    }
    .btn-dark {
        @apply inline-block bg-nsma-dark text-white font-semibold px-6 py-3 rounded-lg hover:bg-gray-900 transition;
    }
    .input-field {
        @apply w-full px-4 py-3 border border-gray-200 rounded-lg outline-none focus:border-nsma-red focus:ring-2 focus:ring-nsma-red/20 transition;
    }
}
