@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'RobotoItalic';
    src: url('fonts/Roboto-Italic.ttf');
}

@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: 'RobotoLightItalic';
    src: url('fonts/Roboto-LightItalic.ttf');
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('fonts/Roboto-Medium.ttf');
}

@font-face {
    font-family: 'RobotoMediumItalic';
    src: url('fonts/Roboto-MediumItalic.ttf');
}



@font-face {
    font-family: 'RobotoBold';
    src: url('fonts/Roboto-Bold.ttf');
}

@font-face {
    font-family: 'RobotoBoldItalic';
    src: url('fonts/Roboto-BoldItalic.ttf]');
}


@font-face {
    font-family: 'RobotoBlackItalic';
    src: url('fonts/Roboto-BlackItalic.ttf');
}

@font-face {
    font-family: 'RobotoBlack';
    src: url('fonts/Roboto-Black.ttf');
}

@font-face {
    font-family: 'RobotoThin';
    src: url('fonts/Roboto-Thin.ttf');
}

@font-face {
    font-family: 'RobotoThinItalic';
    src: url('fonts/Roboto-ThinItalic.ttf');
}


/* CONFIGURAÇÃO LAYOUT*/

i {
    font-family: var(--font-principal);
}

a {
    font-family: var(--font-principal);
}

div {
    font-family: var(--font-secundaria);
}

button {
    font-family: var(--font-principal);
}

span {
    font-family: var(--font-principal);
}

p {
    font-family: var(--font-secundaria);
}

.sidenavItem {
    font-family: var(--font-secundaria);
}

    .sidenavItem:hover {
        font-family: var(--font-principal);
    }

.itemMenuAcessoRapidoTexto {
    font-family: var(--font-secundaria);
}

.textoNomeSistema {
    font-family: var(--font-secundaria);
}

td {
    font-family: var(--font-principal);
}

label {
    font-family: var(--font-principal);
}

input {
    font-family: var(--font-principal);
}

textarea {
    font-family: var(--font-principal);
}

select, option {
    font-family: var(--font-principal);
}