/* ─── Google Fonts ──────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap');

/* ─── Base ──────────────────────────────────────────────── */
body {
    background: #020617;
    color: #F8FAFC;
    font-family: 'Fira Sans', sans-serif;
}

/* ─── Sidebar links ─────────────────────────────────────── */
.sidebar-link {
    transition: all 0.15s ease;
}
.sidebar-link:hover,
.sidebar-link.active {
    background: rgba(34, 197, 94, 0.1);
    color: #22C55E;
    border-left-color: #22C55E;
}

/* ─── Scrollbar ─────────────────────────────────────────── */
::-webkit-scrollbar        { width: 6px; }
::-webkit-scrollbar-track  { background: #0F172A; }
::-webkit-scrollbar-thumb  { background: #1E293B; border-radius: 3px; }

/* ─── Sidebar drawer (mobile) ───────────────────────────── */
#sidebar {
    transition: transform 0.25s ease;
}

@media (max-width: 1023px) {
    #sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 50;
        transform: translateX(-100%);
    }
    #sidebar.open {
        transform: translateX(0);
    }
}