@font-face {
    font-family: '29LTZeyn';
    src: url('/fonts/29LTZeyn-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --app-font: 'Noto Sans Arabic', '29LTZeyn', 'Segoe UI', Tahoma, Arial, sans-serif;
    --app-font-size: 16px;
}

html {
    font-size: var(--app-font-size);
}

html, body {
    font-family: var(--app-font);
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 100;
}

/* Ensure DevExtreme widgets inherit the application font + size */
.dx-widget,
.dx-overlay-wrapper,
.dx-datagrid,
.dx-popup,
.dx-toast,
.dx-texteditor,
.dx-button,
.dx-menu,
.dx-toolbar,
.dx-list,
.dx-treeview {
    font-family: var(--app-font);
    font-size: 1rem;
}