@import url("styles/header.css");
@import url("styles/banner.css");
@import url("styles/destaques.css");
@import url("styles/principal.css");
@import url("styles/vagas.css");
@import url("styles/descricao.css");
@import url("styles/rodape.css");

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root{
    --branco: #FFFFFF;
    --branco-secun: #EAECF0;
    --cinza: #667085;
    --cinza-fim: #98A2B3;
    --cinza-claro: #F9FAFB;
    --preto: #101828;
    --vermelho: #8E2424;
    --vermelho-claro: #fcefef;
    --rosa: #fff7f7;
    --font-principal: "Inter", sans-serif;
}

body{
    background-color: var(--branco);
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
    height: 100vh;
    font-family: var(--font-principal);
}