:root {
    --bkc-blue-100: #b0c9ea; /* rgb(176, 201, 234) */
    --bkc-blue-200: #6583c2; /* rgb(101, 131, 194) */
    --bkc-blue-300: #343e76; /* rgb(52, 62, 118) */
    --bkc-blue-350: #464b81; /* rgb(70, 75, 129) */
    --bkc-orange:   #e85c0f; /* rgb(232, 92, 15) */
}
#topbar {
    background-color: var(--bkc-blue-300);
}

#topbar .nav-pills .nav-link {
    --mdb-nav-pills-link-color: #ffffff;
    --mdb-nav-pills-link-active-color: var(--bkc-blue-300);
    --mdb-nav-pills-link-hover-bg: var(--bkc-blue-300);
    --mdb-nav-pills-link-active-bg: #ffffff;
    --mdb-nav-pills-margin: 0;
    --mdb-nav-pills-link-padding-top: .5rem;
    --mdb-nav-pills-link-padding-bottom: .5rem;
    --mdb-nav-pills-link-padding-x: 1rem;
    --mdb-nav-pills-link-border-radius: 0;
}