:root {
  --cor-bw-background: #2E2E2E;
  --cor-bw-primary: #1E90FF;
  --cor-bw-navbar: #1C1C1C;
}

body {
    background-color: var(--cor-bw-background);
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 400;
    font-style: normal;
}

font-brand {
    font-weight: 600;
}

.main {
    margin-top: calc(13vh);
}

.nav-footer {
    margin-bottom: calc(15vh);
}

.custom-button-sem-cor {
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
}

.custom-button-sem-cor:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.card-jogador, .card-opcoes {
    height: 130px;
}

.card-perfil {
    max-height: calc(70vh - 20px);
}

.card-lista-confirmados{
    max-height: 80px;
    object-fit: scale-down;
}

.card-geral {
    max-height: calc(70vh - 20px);
}


.card-perfil-imagem, .card-lista-perfil-imagem {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    object-fit: cover;
}

.card-perfil-body {
    opacity: 80%;
}

.card-lista-perfil-imagem {
    width: 56px;
    height: 56px;
}

.primary {
    background-color: var(--cor-bw-navbar);
    color: var(--cor-bw-primary);
}

.primary-light {
    background-color: var(--cor-bw-primary);
}

.primary-dark {
  background-color: var(--cor-bw-background);
  color: var(--cor-bw-primary);
}

/* Navigation Bar Styles */
.bg-nav, .color-nav {
  background-color: var(--cor-bw-navbar);
  color: var(--cor-bw-primary);
}

.color-nav {
  color: var(--cor-bw-navbar);
}

/* Secondary Color */
.secondary {
  color: var(--cor-bw-background);
}
