@import 'tailwindcss';

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

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

@source '../views/**/*.blade.php';

[x-cloak] {
    display: none !important;
}

@utility card {
    @apply rounded-xl border border-stone-200 bg-white;
}

@utility label {
    @apply mb-1 block text-sm font-medium text-stone-700;
}

@utility input {
    @apply block w-full rounded-lg border border-stone-300 bg-white px-3 py-2.5 text-base text-stone-900 placeholder:text-stone-400 focus:border-teal-600 focus:ring-2 focus:ring-teal-600/20 focus:outline-none sm:text-sm;
}

@utility btn {
    @apply inline-flex min-h-11 items-center justify-center gap-2 rounded-lg px-4 text-sm font-semibold transition disabled:opacity-60;
}

@utility btn-primary {
    @apply btn bg-teal-700 text-white hover:bg-teal-800;
}

@utility btn-secondary {
    @apply btn border border-stone-300 bg-white text-stone-800 hover:bg-stone-50;
}

@utility btn-danger-link {
    @apply text-sm font-medium text-red-700 hover:text-red-900;
}

@utility badge {
    @apply inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium;
}

/* At least 32px tall tap area for small text links and buttons on touch screens. */
@utility tap {
    @apply inline-flex min-h-8 items-center;
}