/*
 * Inter Variable — ilovaning yagona shrifti, loyihaning O'ZIDAN.
 *
 * Tashqi xizmatdan (Google Fonts) yuklanmaydi: internetsiz yoki sekin ulangan
 * qurilmada — masalan `http://192.168.1.15:5173` orqali kirgan telefonda —
 * shrift yetib kelmay, brauzer tizim shriftiga tushardi. Tizim shriftlarining
 * og'irlik jadvali boshqacha, shu sababli bir mashinada 500 qalin, boshqasida
 * 400 bilan bir xil chiqardi. Fayl `public/` ichida, ya'ni ilova bilan birga
 * keladi va hamma joyda bir xil.
 *
 * Nega VARIABLE: bitta faylda butun og'irlik oralig'i bor, ya'ni 400 va 500
 * uchun ikki alohida fayl yuklash shart emas. Kirill, lotin va kengaytirilgan
 * lotin ham shu bitta faylda — `unicode-range` bilan bo'lish kerak emas.
 *
 * `font-weight: 400 500` — bu SHRIFT QO'LLAB-QUVVATLAYDIGAN oraliq deb e'lon
 * qilinadi, garchi faylning o'zida 100..900 bo'lsa ham. Sababi: uchinchi tomon
 * uslublari (Font Awesome, datepicker, vue-select) ba'zan 600 yoki 700 so'raydi,
 * va bu e'lonsiz brauzer ularni ROSTDAN ham chizib berardi. Endi har qanday
 * so'rov shu oraliqning chetiga qisiladi: ekranda faqat 400 yoki 500 bo'ladi.
 */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('/font/Inter/InterVariable.woff2') format('woff2-variations'),
       url('/font/Inter/InterVariable.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter Variable';
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
  src: url('/font/Inter/InterVariable-Italic.woff2') format('woff2-variations'),
       url('/font/Inter/InterVariable-Italic.woff2') format('woff2');
}