@font-face {
    font-family: 'Modam';
    src: url('/fonts/modam/ModamUI-Regular.woff2?v=36e6d7fde812f8a3') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Modam';
    src: url('/fonts/modam/ModamUI-Bold.woff2?v=d785f15a9493abbc') format('woff2');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

html {
    font-family: 'Modam', Tahoma, Arial, sans-serif;
}

html.fi {
    --font-family: 'Modam', Tahoma, Arial, sans-serif;
}

/*
 * Filament components and nested Livewire/portal content can set their own
 * font-family. Apply Modam to every rendered element, then keep technical
 * identifiers explicitly monospaced below.
 */
body,
button,
input,
textarea,
select,
option,
.fi-body,
.fi-simple-layout,
.fi-simple-main,
.fi-header,
.fi-topbar,
.fi-sidebar,
.fi-modal,
.fi-dropdown-panel,
.fi-fo-field-wrp,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    font-family: 'Modam', Tahoma, Arial, sans-serif;
}

body,
body *,
body *::before,
body *::after {
    font-family: 'Modam', Tahoma, Arial, sans-serif !important;
}

.fi-fo-field-wrp input[type='email'],
.fi-fo-field-wrp input[type='url'],
.fi-fo-field-wrp input[name*='slug'],
.fi-fo-field-wrp input[name*='token'],
.hc-ltr {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}