:root {
    --azul-escuro: #1D4E6B;
    --azul: #005B8A;
    --azul-claro: #007BBB;
    --cinza-claro: #F7F7F7;
    --cinza: #DDDDDD;
    --cinza-escuro: #565D63;
    --roxo-claro: #9541DF;
    --roxo: #65269B;
    --roxo-escuro: #45146F;
    --cor-principal: var(--azul);
    --cor-principal-claro: var(--azul-claro);
    --cor-principal-escuro: var(--azul-escuro);
    --cor-principal-texto: var(--azul);
    --cor-principal-claro-texto: var(--azul-claro);
    --cor-principal-escuro-texto: var(--azul-escuro);
    --cinza-background: var(--cinza-claro);
}

.main{
    padding: 2rem 0;
}

.main .h2{
    margin-bottom: 1rem;
}

.main .h3{
    color: var(--cor-principal-escuro);
}

.api__strong{
    color: var(--cor-principal-escuro);
    display: block;
}

.api__text{
    margin: 1rem 0;
}

.api__search-bar{
    margin-right: auto;
    margin-left: auto;
}

.api__link{
    display: block;
    margin-bottom: 1rem;
    color: var(--cor-principal-claro);
    word-break: break-all;
}

.api__code{
    background-color: var(--cinza-claro);
    color: var(--cinza-escuro-texto);
    border-radius: 0.25rem;
    padding: 1rem;
    display: block;
}

.accordion-item,
.accordion-header{
    border-color: #7f868d;
}

.accordion-button:not(.collapsed){
    background-color: rgba(0, 123, 187, 0.2);
    color: var(--azul-escuro) !important;
    outline: none !important;
}

.accordion-button.collapsed{
    background-color: var(--cinza-claro);
    color: var(--cinza-escuro-texto) !important;
    outline: none;
}

.accordion-button:not(.collapsed):focus{
    outline: none !important;
    border-color: transparent;
    box-shadow: none;
}

.accordion-button.collapsed:focus{
    outline: none !important;
    border-color: transparent;
    box-shadow: none;
}

.list-group-item{
    color: var(--cinza-escuro-texto);
}