@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/rodape.css");
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&family=Poppins:wght@300;400;500;700&display=swap');

:root {
    --cor-de-fundo: #EBECEE;
    --cinza-escuro: #C4C4C4;
    --cinza-1: #858585;
    --cinza-2: #474646;
    --branco: #FFFFFF;
    --branco-1: #F9F9F9;
    --laranja: #EB9B00;
    --laranja-2: #ffd993;
    --azul: #002F52;
    --azul-degrade: linear-gradient(97.54deg, #002F52 35.49%, #326589 165.37%);
    --preto: #000000;
    --fonte-principal: 'Poppins', sans-serif;
    --fonte-titulo: 'Josefin Sans', sans-serif;
}

body {
    background-color: var(--cor-de-fundo);
    font-family: var(--fonte-principal);
}