/**
 * Tajawal — self-hosted Arabic/Latin UI font for the whole app (html lang="ar").
 */

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('arabic/tajawal-arabic-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('arabic/tajawal-arabic-500-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('arabic/tajawal-arabic-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('arabic/tajawal-arabic-800-normal.woff2') format('woff2');
}

html[lang='ar'] {
  font-family: 'Tajawal', Tahoma, 'Segoe UI', sans-serif;
}

html[lang='ar'] body,
html[lang='ar'] input,
html[lang='ar'] textarea,
html[lang='ar'] select,
html[lang='ar'] button {
  font-family: inherit;
}