/* 1. Import Satoshi Font from CDN */
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700,900&display=swap');

/* 2. Apply it globally to the whole system */
body, 
h1, h2, h3, h4, h5, h6, 
.main-header, 
.brand-link, 
.nav-sidebar, 
.card, 
.btn, 
.form-control,
.table {
    font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Sidebar-ka guud */
.main-sidebar {
    background-color: #1B2A4A !important;
}

/* Qeybta sare ee Logo-gu ku jiro */
.brand-link {
    background-color: #1B2A4A !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Midabka badhanka (Menu item) marka la gujiyo ama la dul istaago */
.sidebar-dark-black .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #243b6b !important; /* Midab yar oo ka ifaya navy blue-ga */
    color: #ffffff !important;
}

/* Midabka badhanka marka cursor-ka la dul dhigo (Hover effect) */
.nav-sidebar .nav-item:hover > .nav-link {
    background-color: rgba(255, 255, 255, 0.05) !important;
}