:root {
    --nl-orange: #ff6600;
    --btn-hover-color: rgba(255, 255, 255, 0.4);
    --btn-active-color: rgba(255, 255, 255, 0.7);

    --menu-bar-width: 247px;
    --menu-text-dark: #222222;
    --menu-background: #130f40;
    --menu-background-light: #31306b;

    /* Header */
    --header-user-container-width: 35rem;

    /** 
        Cor contraste com o fundo escolhido pelo usuário em MS_CORES.
        É executado um algoritmo no iniciar da página cujo calcula a cor
        de contraste e, caso necessário, sobrescreve o valor desta variável
        para que o texto deja preto ao invés de branco. 
        A sobrescrita é feita através de uma tag <style> que irá afetar o valor
        dela sendo acrescentado ao final do body.
    */
    --header-text-contrast-main-color: #fff;
    --header-text-contrast-secondary-color: #cccccc;
    --header-icon-contrast-filter: none;
}

/* --------- */

.icon-button {
    transition: background-color 0.2s;
    padding: 0.5rem;
    display: flex;
    cursor: pointer;
    height: fit-content;
    width: fit-content;
    border-radius: 50%;
    position: relative;
    text-decoration: none;
}
.icon-button:hover {
    background-color: var(--btn-hover-color);
    text-decoration: none;
}
.icon-button:active {
    text-decoration: none;
}

/* --------- */

.nice-scroll::-webkit-scrollbar {
    width: 7.5px;
}
.nice-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #bbbbbb;
}

.nice-scroll::-webkit-scrollbar-track-piece:end {
    margin-bottom: 13.125px;
}

.nice-scroll::-webkit-scrollbar-track-piece:start {
    margin-top: 13.125px;
}