@font-face {
    font-family: "sfUiDisplayHeavy";
    src: url('../../style/svefonts/lato/Lato-Black.ttf');
}

@font-face {
    font-family: "sfUiDisplayHeavy";
    src: url('../../style/svefonts/lato/Lato-BlackItalic.ttf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "sfUiText";
    src: url('../../style/svefonts/roboto/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "sfUiText";
    src: url('../../style/svefonts/lato/Lato-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "sfUiText";
    src: url('../../style/svefonts/roboto/Roboto-Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: "sfUiText";
    src: url('../../style/svefonts/lato/Lato-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "sfUiTextHeavy";
    src: url('../../style/svefonts/SF-UI-Text-Heavy.otf');
}
@font-face {
    font-family: "sfUiTextHeavy";
    src: url('../../style/svefonts/SF-UI-Text-HeavyItalic.otf');
    font-style: italic;
}

/*--------------- VARS ------------------------*/
:root{
    --font-sfUiTextHeavy: sfUiDisplayHeavy, helvetica;
    --font-sfUiText: sfUiText, helvetica;
    --font-sfUiDisplayHeavy: sfUiDisplayHeavy, helvetica;
}