:root {
    --bs-purple-500: #6f42c1;
    --bs-purple-600: #59359a;
    --neonet-blue: #1b3663;
    --neonet-yellow: #b88b2d;
}

.bg-purple {
    background-color: var(--bs-purple-500);
}

.modal-header {
    background-color: var(--neonet-blue);
    color: var(--bs-white);
}

.breadcrumb-item + .breadcrumb-item::before {
    font-family: bootstrap-icons !important;
    content: "\F285" !important;
}

.btn-purple {
    background-color: var(--bs-purple-500);
    color: #fff;
}

.btn-purple:hover {
    color: #fff;
    background-color: var(--bs-purple-600);
}

.navbar {
    background-color: var(--neonet-blue);
}

.navbar-brand__net {
    color: var(--neonet-yellow);
}

.neonet-footer {
    background:
        linear-gradient(rgba(27, 54, 99, 0.92), rgba(27, 54, 99, 0.92)),
        url('/images/footer/background.webp')
        center / cover no-repeat;
}

.neonet-footer__logo {
    max-width: 200px;
    height: auto;
}

.neonet-footer__accent {
    color: var(--neonet-yellow);
    font-weight: 700;
}

/* As .neonet-footer__logo above, sized a little wider because NOACSC's mark is
   a wider shape and reads short at the same width. */
.noacsc-footer__logo {
    max-width: 280px;
    height: auto;
}

/* Narrower than NOACSC's for the same reason it is wider than NEOnet's: HCC's
   mark is the less wide of the three, so it stands taller at a shared width.
   240px renders it at the same height the other two footers show, near 73px. */
.hcc-footer__logo {
    max-width: 240px;
    height: auto;
}