a {
    color: var(--design-link);
}

.navbar,
.card {
    background-color: var(--design-surface-2);
    border-color: var(--design-border);
    color: var(--design-text) !important;
}

.navbar {
    border-radius: var(--design-radius);
    box-shadow: var(--design-shadow-1);
}

main,
header,
footer {
    box-shadow: none;
}

.card {
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.card:hover {
    filter: none;
    border-color: var(--design-primary);
    box-shadow: var(--design-shadow-3);
}

.card-img-top img[src$='.svg'],
.card-img-top svg,
.card-img-top i {
    filter: brightness(0) invert(var(--design-invert));
}

.navbar-toggler {
    background-color: var(--design-surface-3);
    border-color: var(--design-border-strong);
}

#scroll-thumb {
    background-color: var(--design-neutral-400);
}

/* port-ui pins top and bottom of a submenu inline, which collapses its box to the padding. */
.dropdown-submenu > .dropdown-menu {
    height: max-content;
}