@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";
}

.nav-link {
    @apply flex items-center px-3 py-2 text-sm font-medium rounded-lg text-gray-700 dark:text-gray-200 hover:bg-white/60 dark:hover:bg-white/10 transition-colors duration-150;
}

.nav-link.active {
    @apply bg-white/80 dark:bg-white/10 text-gray-900 dark:text-white font-semibold;
}

.nav-link svg {
    @apply mr-3 flex-shrink-0;
}

/* Supprime le contour noir par défaut du navigateur au focus des inputs */
input:focus,
textarea:focus,
select:focus {
    outline: none;
}

