.link {
    color: var(--dark)
}

a {
    color: var(--dark)
}

a:hover {
    color: var(--gray);
    text-decoration: none;
}

.lang {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 3px;
    white-space: nowrap;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
}

.link:before {
    content: '-\00a0';
}


/* Support dark mode */

@media (prefers-color-scheme: dark) {
    body {
        background-color: var(--bs-dark)!important;
        color: var(--bs-light)!important;
    }
    .link {
        color: var(--bs-light)
    }
    a {
        color: var(--bs-light)
    }
    a:hover {
        color: var(--bs-gray);
        text-decoration: none;
    }
    .lang {
        background-color: var(--bs-black)!important;
        color: var(--bs-yellow)!important;
    }
}