@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter/InterVariable.woff2') format('woff2');
}

@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/noto-sans-sc/NotoSansSC-Variable.ttf') format('truetype');
  unicode-range: U+2E80-2EFF, U+3000-303F, U+31C0-31EF, U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+FE10-FE1F, U+FE30-FE4F, U+FF00-FFEF;
}

@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/noto-sans-arabic/NotoSansArabic-Variable.ttf') format('truetype');
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

:root {
  --app-font-family: Inter, 'Noto Sans SC', 'Noto Sans Arabic', 'Segoe UI', Arial, sans-serif;
  --inter-display-opsz: 32;
  font-optical-sizing: none;
  font-variation-settings: 'opsz' var(--inter-display-opsz);
}

html,
body,
button,
input,
select,
textarea {
  font-optical-sizing: none;
  font-variation-settings: 'opsz' var(--inter-display-opsz);
}