@import 'https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css';

/* Importa il font Geist Sans */
@import url('https://fonts.googleapis.com/css2?family=Geist+Sans:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Imposta Geist Sans come font predefinito */
body, html {
    font-family: 'Inter', sans-serif;
}

#side-menu {
    z-index: 40;
}

#user-profile-overlay {
    z-index: 50;
}

.dark .dark\:text-gray-200 {
    color: #e2e8f0;
}

.dark .dark\:bg-gray-800 {
    background-color: #1a202c;
}

.dark .dark\:border-gray-700 {
    border-color: #4a5568;
}

.transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.hover\:bg-gray-100:hover {
    background-color: #f7fafc;
}

.dark .dark\:hover\:bg-gray-700:hover {
    background-color: #4a5568;
}

.bg-green-100 {
    background-color: #dcfce7;
}

.text-green-800 {
    color: #166534;
}

.text-blue-600 {
    color: #2563eb;
}

.dark .dark\:text-blue-400 {
    color: #60a5fa;
}

.hover\:bg-gray-200:hover {
    background-color: #e5e7eb;
}

.dark .dark\:hover\:bg-gray-600:hover {
    background-color: #4b5563;
}