@import url("styles/header.css");
@import url("styles/banner.css");
@import url("styles/carrossel.css");
@import url("styles/topicos.css");
@import url("styles/contato.css");
@import url("styles/rodapé.css");

:root {
    --cor-de-fundo: #EBECEE;
    --cor-primaria: #FFFFFF;
    --cor-destaque: #EB9B00;
    --cor-secundaria: linear-gradient(to right, #002F52, #326589);
    --cor-terciaria: #C4C4C4;
    --azul: #002F52;
    --preto: #000000;
    --cinza-claro: #858585;
    --cinza-escuro: #474646;
    --fonte-principal: "Poppins";
    --fonte-secundaria: "Josefin Sans";
}

body {
    background-color: var(--cor-de-fundo);
    font-family: var(--fonte-principal);
    font-size: 16px;
    font-weight: 400;
}