:root {
    --cor-navbar-texto: #cacaca;
    --cor-navbar-link-hover: #2e3236;
}

.navbar {
    background-color: transparent !important;
    transition: background-color 0.3s ease;
}

.navbar.scrolled {
  background-color: rgba(33, 37, 41, 0.99) !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.navbar-brand {
    color: var(--cor-navbar-texto);
}

.nav-link {
    font-size: 1.3rem;
    color: var(--cor-navbar-texto);
    padding: 0.5em;
    border-radius: 10px;
}

.nav-link:hover {
    color: var(--cor-navbar-texto);
    background-color: var(--cor-navbar-link-hover);
    border-radius: 10px;
    padding: 0.5em;
}

.navbar-toggler {
    /* Remove aquele efeito "outline" ao clicar no botão */
    color: transparent;
}

.offcanvas-title {
    font-size: 1.5rem;
    color: var(--cor-navbar-texto);
}

.version {
    color: var(--cor-navbar-texto);
    font-size: 0.9rem;
}