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

* {
    transition: background-color 0.3s ease, color 0.3s ease;
}
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

main {
    margin-left: 250px;
    transition: margin-left 0.3s ease;
}

@media (max-width: 768px) {
    main {
        margin-left: 80px;
    }
}

.dark .nav-container {
    background: #111827;
    border-right: 1px solid #1F2937;
}

.nav-container {
    border-right: 1px solid #E5E7EB;
}
/* Animation for menu collapse/expand */
@keyframes slideIn {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(-100%);
        opacity: 0;
    }
}