/*
 * خط الواجهة: القاهرة، وهو نفسه المطبوع على البطاقات.
 *
 * خطوط النظام — Segoe UI و Tahoma — تعرض العربية بأشكال تختلف من جهاز
 * إلى جهاز، وتبدو على ويندوز غيرها على الأندرويد وغيرها على الآيفون.
 * فيرى صاحب المحل صفحةً وزبونه صفحةً أخرى، ولا يشبه أيٌّ منهما البطاقة
 * التي تصل من المطبعة.
 *
 * ويُستضاف من الخادم نفسه لا من شبكة توزيع: صفحةٌ تنتظر خطاً من نطاق
 * آخر تبقى بلا نص حتى يصل، والرخصة (OFL) تبيح ذلك صراحةً — نصّها في
 * الملف LICENSE بجانب هذا.
 *
 * و swap مقصودة: النص يظهر فوراً بخط النظام ثم يُستبدل، فالانتظار
 * الصامت أسوأ من تبدّل الشكل بعد جزء من الثانية.
 */

@font-face {
  font-family: "Cairo";
  src: url("/fonts/Cairo-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cairo";
  src: url("/fonts/Cairo-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-ar: "Cairo", "Segoe UI", Tahoma, system-ui, sans-serif;
}