@import url("../estilos/header.css");
@import url("../estilos/main.css");
@import url("../estilos/carrossel.css");
@import url("../estilos/faq.css");
@import url("../estilos/contato.css");
@import url("../estilos/rodape.css");


@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');

:root{
    --branco:#FFFFFF;
    --background-color: #F8FEF4;
    --verde1: #455239;
    --verde2: #3C592E;
    --verde3: #D9D8A9;
    --verde4: #9DAE95;
    --verde-degrade: linear-gradient(90deg, #DBDAAE 0%, #B2C0A8 100%);
    --fonte-principal:"Merriweather";
    --fonte-sans: "Merriweather Sans";
}

body{
    background-color: var(--branco);
    font-family: var(--fonte-principal);
    font-size: 16px;
    color: var(--verde1);
    font-weight: 400;
    background-color: var(--background-color);

}