/* Tailwind CSS Directives */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles using @layer (optional) */
@layer base {
    /* Example: body { @apply font-sans; } */
}

@layer components {
    /* Example: .btn-custom { @apply py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75; } */
}

@layer utilities {
    /* Example: .text-shadow { text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } */
}