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

@import url(styles/header.css);
@import url(styles/main.css);
@import url(styles/footer.css);
@import url(styles/containers.css);

:root{

    --fontTitulo: "Outfit", sans-serif;
    --fontTexto: "Inter", sans-serif;
    --fontEspecial: "Montserrat", sans-serif;

    --branco: #ffffff;
    --preto: #000000;
    --cinza: #464646;
    --cinzaClaro: #aaaaaa;
    --fundoTransparente: #0000007e;
    --fundoTransparenteEscuro: #000000c2;
    --corPrincipal: #4e0755;
    --corPrincipalEscura: #1a0024;
    --corPrincipalClara: #80208d;
}

*{
    box-sizing: border-box;
}
body{
    margin: 0;
    z-index: 0;
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--fontTitulo);
}
p, li, input, label{
    font-family: var(--fontTexto);
}
a{
    text-decoration: none;
}
a:hover, button:hover{
    text-decoration: underline;
}
a, span, button, select{
    font-family: var(--fontEspecial);
}