:root {
    /* centralize your palette */
    --brand-turquoise: #83cbce;
    --brand-purple: #6f42c1;
    --danger-light: #f8d7da;
    --danger-dark-text: #721c24;
    --white: #ffffff;
    --black: #000000;
}

/* Font-face */
@font-face {
    font-family: 'Neutra Text';
    src:
        url('../fonts/NeutraText-Book.woff2') format('woff2'),
        url('../fonts/NeutraText-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.navbar-brand img {
    margin-bottom: -40px;
}

/* Navbar links, base + hover + active */
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .dropdown-item {
    display: block;
    font-family: 'Neutra Text', sans-serif;
    text-transform: uppercase;
    color: var(--white);
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .dropdown-item.active {
    color: var(--brand-turquoise);
    font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .dropdown-item:hover {
    background-color: var(--brand-turquoise);
    color: var(--black);
    font-weight: bold;
}

/* Background utilities */
.bg-light-success {
    background-color: var(--brand-turquoise);
    color: var(--black);
}

.bg-light-danger {
    background-color: var(--danger-light);
    color: var(--danger-dark-text);
}

/* Purple button + utility */
.btn-purple {
    background-color: var(--brand-purple);
    border-color: var(--brand-purple);
    color: var(--white);
    transition: var(--transition-fast);
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
    background-color: darken(var(--brand-purple), 10%);
    border-color: darken(var(--brand-purple), 10%);
    box-shadow: 0 0 0 .2rem rgba(111, 66, 193, .5);
}

.btn-purple:disabled {
    opacity: .65;
}

/* If you really need a utility class for purple bg + dark text */
.bg-purple {
    background-color: var(--brand-purple) !important;
    color: var(--white) !important;
}

.bg-purple.text-dark {
    color: var(--black) !important;
}