@font-face {
    font-family: SF_Regular;
    src: url("../fonts/SFDisplay-Regular.otf");
}

@font-face {
    font-family: SF_Medium;
    src: url("../fonts/SFDisplay-Medium.otf");
}

@font-face {
    font-family: SF_Bold;
    src: url("../fonts/SFDisplay-Bold.otf");
}

@font-face {
    font-family: SF_Heavy;
    src: url("../fonts/SFDisplay-Heavy.otf");
}

:root {
    --cor-primary: #F5F2E9;
    --cor-texto: #000000;
    --cor-marrom: #A89876;
    --cor-azul-pretricor: #336E98;
    --cor-bg: #F5F2E9;
    --cor-azul: #0E709B;
    --success: #198754;
    --danger: #dc3545;
    --info: #0d6efd;
    --warning: #ffc107;
    --rosa: #FD66AC;
}

body {
    font-family: SF_Medium;
    color: var(--cor-texto);
    background-color: var(--cor-azul-pretricor) !important;
}

.body-404 {
    background-color: var(--cor-primary) !important;
}


.container-bg {
    background-color: var(--cor-bg) !important;
}