:root {
    --nav-ribbon-link-color: var(--bs-body-color);
    --nav-ribbon-link-disabled-color: var(--bs-secondary);
    --nav-ribbon-link-active-border-bottom-color: var(--bs-link-color);
    --nav-ribbon-link-hover-border-bottom-color: var(--bs-link-hover-color);
}

.nav.nav-ribbon {
    --bs-nav-link-padding-y: 0;
    padding-bottom: 0.75rem;
}

.nav-ribbon .nav-link {
    color: var(--nav-ribbon-link-color);
}

    .nav-ribbon .nav-link.active {
        font-weight: normal;
        border-bottom-color: var(--nav-ribbon-link-active-border-bottom-color);
    }

    .nav-ribbon .nav-link.disabled,
    .nav-ribbon .nav-link:disabled {
        color: var(--nav-ribbon-link-disabled-color);
        border-bottom-color: transparent;
    }

    .nav-ribbon .nav-link:focus, .nav-underline .nav-link:hover {
        border-bottom-color: var(--nav-ribbon-link-hover-border-bottom-color);
    }