@font-face {
    font-family: 'Manrope';
    src: url('/fonts/manrope/Manrope-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

:root {
    --app-font-sans: 'Manrope', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
    --font-sans: var(--app-font-sans);
}

html,
body,
.font-sans,
.fi-body,
.fi-layout,
.fi-main,
.fi-page,
.fi-sidebar,
.fi-topbar {
    font-family: var(--app-font-sans);
}