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

:root {
    --primary: #4F46E5;
    --primary-dark: #4338CA;
    --bg-light: #F9FAFB;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--bg-light);
    color: #1F2937;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lexend', sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

/* Transitions */
.transition-all {
    transition: all 0.3s ease;
}

/* Sidebar active link */
.nav-link.active {
    background-color: rgba(79, 70, 229, 0.1);
    color: var(--primary);
    border-right: 3px solid var(--primary);
}