:root {
    --cinza-azulado: #161925;
    --laranja: #f58538;
    --cinza-escuro: #1f2333;
    --color-font: #fff;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    /* é variável: libera de 100 a 900 */
    font-style: normal;
    font-display: swap;
}

/* Estilos para as seções */
section {
    margin: 15px 100px;
    background-color: var(--cinza-escuro);
    border-radius: 10px;
}

/* Notebooks e desktops comuns (até 1280px) */
@media (max-width: 1280px) {
    section {
        margin: 15px 50px;
        background-color: var(--cinza-escuro);
        border-radius: 10px;
    }
}
/* Notebooks e desktops comuns (até 1280px) */
@media (max-width: 991px) {
    section {
        margin: 15px 30px;
        background-color: var(--cinza-escuro);
        border-radius: 10px;
    }
}
/* Notebooks e desktops comuns (até 1280px) */
@media (max-width: 480px) {
    section {
        margin: 15px 15px;
        background-color: var(--cinza-escuro);
        border-radius: 10px;
    }
}

body {
    font-family: 'montserrat', Courier, monospace;
    background-color: var(--cinza-azulado);
    color: var(--color-font);
}

.navbar {
    background-color: var(--cinza-escuro) !important;
}

.navbar .navbar-brand {
    color: var(--laranja) !important;
}

.navbar .nav-link {
    color: var(--laranja) !important;
}


.navbar .nav-link:hover {
    color: var(--color-font) !important;
}



section#sobre {
    margin-top: 70px;
}

h2 {
    color: var(--color-font);
    margin-bottom: 2rem;
}

/* Estilos para botões e links */
.btn-primary {
    background-color: var(--laranja);
    border-color: var(--cinza-azulado);
    color: var(--cinza-escuro);
}

.btn-primary:hover {
    background-color: var(--laranja);
    border-color: var(--laranja);
    color: var(--color-font);
}

.card {
    background-color: var(--cinza-azulado);
    color: var(--color-font);
}

.cert-link {
    color: var(--laranja);
    text-decoration: none;
    text-transform: uppercase;
}
.cert-link:hover {
    color: var(--laranja);
    text-decoration: underline;
    text-transform: uppercase;
}

.card-title, .social-icon {
    color: var(--laranja);
}

.accordion-button {
    background-color: var(--cinza-azulado);
    color: var(--color-font);
}

.accordion-button:not(.collapsed) {
    background-color: var(--cinza-azulado);
    color: var(--color-font);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    /* sombra interna padrão */
}

.accordion-body {
    background-color: var(--cinza-azulado);
    color: var(--color-font);
}

/* Ícone da setinha */
.accordion-button::after {
  filter: brightness(0) invert(1); /* deixa a setinha branca */
}

button h4 {
    color: var(--laranja);
}

h1 {
    color: var(--laranja);
}