:root {
    --base: rgb(0, 51, 153);
    --border: rgb(153, 51, 255);
    --hover: rgb(153, 51, 255);
    --title: DarkSlateBlue;
    --label: MidnightBlue;
    --transparent: rgb(25,25,25,0.5);
    --light: rgb(153, 153, 255);
}

a, .btn-link, .button-link-sm, .button-link-md {
    color: var(--base);
}

    a:hover, .btn-link:hover, .button-link-sm:hover, .button-link-md:hover {
        color: var(--hover);
    }

.btn-outline-primary {
    color: var(--base);
    border-color: var(--base);
}

.btn-primary, .nav-link.active, .selectedItem {
    color: #fff;
    background-color: var(--base);
    border-color: var(--hover);
}

    .btn-primary:hover, .btn-outline-primary:hover {
        color: #fff;
        background-color: var(--hover);
        box-shadow:none !important;
    }

h1, h2, h3 {
    color: var(--base);
    text-shadow: 0px 0px 10px var(--light);
}