@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

@layer base {

    input[type='text'],
    input[type='email'],
    input[type='password'],
    input[type='number'],
    input[type='tel'],
    input[type='url'],
    textarea,
    select {
        @apply w-full p-2 border border-gray-400 bg-gray-50 focus:border-blue-700 focus:ring-blue-700 rounded-md shadow-sm transition duration-150 ease-in-out;
    }

    select {
        @apply bg-white cursor-pointer;
    }

    /* Remove default appearance for a cleaner look if desired, but standard select with padding is usually sufficient for "modern" without custom JS */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        @apply font-sans;
    }
}