:root {
    --color-blue: #2180bf;
    --color-darkblue: #0c4262;
    --color-extradarkblue: #082E44;
}

/* Bootstrap */
.text-primary { color: var(--color-blue) !important; }
.text-primary:hover { color: var(--color-darkblue) !important; }
.text-darkprimary { color: var(--color-darkblue) !important; }
.text-darkprimary:hover { color: var(--color-extradarkblue) !important; }
.btn-primary {
    color: white !important;
    background-color: var(--color-blue) !important;
    border-color: var(--color-blue) !important;
}
.btn-primary:hover {
    color: white !important;
    background-color: var(--color-darkblue) !important;
    border-color: var(--color-darkblue) !important;
}
.btn-dark-primary {
    color: white !important;
    background-color: var(--color-darkblue) !important;
    border-color: var(--color-darkblue) !important;
}
.btn-dark-primary:hover {
    color: white !important;
    background-color: var(--color-extradarkblue) !important;
    border-color: var(--color-extradarkblue) !important;
}

.font-weight-bold { font-weight: bold; }