@font-face {
    font-family: 'Phetsarath OT';
    src: local('Phetsarath OT'), local('PhetsarathOT'),
        url('phetsarath_ot.woff2') format('woff2'),
        url('phetsarath_ot.woff') format('woff'),
        url('phetsarath_ot.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Lao';
    src: local('Noto Sans Lao'),
        url('NotoSansLao-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --app-font-family: 'Phetsarath OT', 'Phetsarath_OT', 'Noto Sans Lao',
        'Lao UI', 'Saysettha OT', -apple-system, BlinkMacSystemFont,
        'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

html {
    -webkit-text-size-adjust: 100%;
}

body,
input,
button,
select,
textarea {
    font-family: var(--app-font-family);
}