@font-face {
    font-family: "sfUiDisplay";
    src: url('../../style/svefonts/SF-UI-Display-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "sfUiDisplay";
    src: url('../../style/svefonts/SF-UI-Display-Bold.otf');
    font-weight: bold;
}
@font-face {
    font-family: "sfUiDisplayHeavy";
    src: url('../../style/svefonts/SF-UI-Display-Heavy.otf');
}
@font-face {
    font-family: "sfUiDisplayBlack";
    src: url('../../style/svefonts/SF-UI-Display-Black.otf');
    font-weight: bold;
}
@font-face {
    font-family: "sfUiText";
    src: url('../../style/svefonts/SF-UI-Text-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "sfUiText";
    src: url('../../style/svefonts/SF-UI-Text-RegularItalic.otf');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "sfUiText";
    src: url('../../style/svefonts/SF-UI-Text-Bold.otf');
    font-weight: bold;
}
@font-face {
    font-family: "sfUiText";
    src: url('../../style/svefonts/SF-UI-Text-BoldItalic.otf');
    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: sfUiTextHeavy, helvetica;
    --font-sfUiText: sfUiText, helvetica;
    --font-sfUiDisplayHeavy: sfUiDisplayHeavy, helvetica;
}