/* #region Typography */

/* #region Inter */
@font-face {
    font-family: 'Inter';
    src: url('/_content/Hyperio.Layout.Web/fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/_content/Hyperio.Layout.Web/fonts/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}
/* #endregion */

/* #region Noto Sans */
@font-face {
    font-family: 'Noto Sans';
    src: url('/_content/Hyperio.Layout.Web/fonts/NotoSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('/_content/Hyperio.Layout.Web/fonts/NotoSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}
/* #endregion */

/* #region Roboto */
@font-face {
    font-family: 'Roboto';
    src: url('/_content/Hyperio.Layout.Web/fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/_content/Hyperio.Layout.Web/fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}
/* #endregion */

/* #endregion */
body {
    font-family: 'Inter', 'Noto Sans', 'Roboto', sans-serif;
}