/* Import Tailwind CSS base styles, components, and utilities */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Global body styles */
body {
    font-family: 'Inter', sans-serif; /* A modern, clean font */
    background-color: #f8fafc; /* Tailwind's gray-50 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom scrollbar styling for a more modern look */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #a8a8a8;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/* Sidebar transition styles */
.sidebar {
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

/* Styles for text within the sidebar links to fade in/out */
.sidebar-link-text {
    transition: opacity 0.2s ease-in-out;
}

/* Submenu transition for smooth opening and closing */
.submenu {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

/* Add a subtle transition to all elements for smoother UI interactions */
* {
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}