/* assets/css/style.css */
@import 'https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css';

/* Variables personnalisées */
:root {
    --primary-blue: #1e40af;
    --dark-blue: #1e3a8a;
}

/* Classes de navigation */
.nav-link {
    @apply px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700;
}

.nav-link.active {
    @apply bg-gray-900 text-white;
}

.mobile-nav-link {
    @apply block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700;
}

/* Styles généraux */
body {
    @apply bg-gray-900 text-white;
}

.main-container {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-20;
}

/* Card styles */
.card {
    @apply bg-gray-800 rounded-lg shadow-lg overflow-hidden;
}

.card-header {
    @apply px-4 py-3 bg-gray-700;
}

.card-body {
    @apply p-4;
}

/* Button styles */
.btn {
    @apply px-4 py-2 rounded-md font-medium focus:outline-none focus:ring-2 focus:ring-offset-2;
}

.btn-primary {
    @apply bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500;
}

.btn-secondary {
    @apply bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500;
}

/* Form styles */
.form-input {
    @apply mt-1 block w-full rounded-md bg-gray-700 border-gray-600 text-white focus:border-blue-500 focus:ring-blue-500;
}

.form-label {
    @apply block text-sm font-medium text-gray-300;
}