/* فونت‌های سایت — خودمیزبان.
 *
 * عنوان‌ها: استعداد. متن و رابط: وزیرمتن. هر دو پروانهٔ OFL دارند و از
 * گوگل‌فونتس گرفته و کنارِ سایت گذاشته شده‌اند، نه لینک‌شده: این‌طور دو
 * دامنهٔ بیرونی (fonts.googleapis و fonts.gstatic) از مسیرِ بحرانیِ هر صفحه
 * حذف می‌شوند — دو دست‌دادنِ DNS و TLS کمتر پیش از دیده‌شدنِ متن.
 *
 * چرا پنج ‎@font-face‎ ولی فقط دو فایل: هر دو خانواده فونتِ «متغیر»اند —
 * یک فایل که محورِ wght را از ۱۰۰ تا ۹۰۰ در خودش دارد. اول هر وزن را
 * جداگانه گرفته بودم و بعد دیدم اثرانگشتِ سه فایلِ وزیرمتن یکی است و هر
 * دو فایلِ استعداد هم؛ یعنی سه بار یک فایل دانلود می‌شد. الان هر پنج
 * توصیف به همان دو فایل اشاره می‌کنند و فقط ‎font-weight‎شان تفاوت دارد:
 * مرورگر وزنِ خواسته‌شده را در همان بازه می‌فشارد و محور را روی آن
 * می‌نشاند. رفتار مو‌به‌مو همان است، بارِ هر صفحه ۲۱۴ کیلوبایت بود و
 * ۸۹ کیلوبایت شد.
 *
 * چرا بازهٔ کامل (‎font-weight: 100 900‎) در یک توصیف نگذاشتم: سایت وزنِ
 * ۶۰۰ را ۴۲ جا و ۳۰۰ را ۶ جا صدا می‌زند. با همین توصیف‌های تک‌وزنی، ۶۰۰
 * به ۷۰۰ و ۳۰۰ به ۴۰۰ می‌افتد — همان چیزی که الان روی سایت دیده می‌شود.
 * با بازهٔ کامل، آن ۴۸ جا واقعاً نازک‌تر رندر می‌شد؛ این تغییرِ ظاهری
 * است نه بهینه‌سازی، پس نکردم.
 *
 * فایل‌ها زیرمجموعه شده‌اند: فارسی و لاتینِ پایه و نشانه‌گذاری، به‌اضافهٔ
 * U+200C (نیم‌فاصله) که بی‌آن «می‌شود» و «شرکت‌ها» می‌شکنند.
 *
 * font-display: swap عمدی است — متن بی‌درنگ با فونتِ جایگزین دیده می‌شود.
 * با block تا آمدنِ فونت نامرئی می‌ماند، و همان چیزی می‌شود که برای FCP
 * جنگیدیم.
 */

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

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

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

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

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

/* دو متغیر، دو نقش. تعویضِ بعدیِ فونت فقط همین‌جاست. */
:root {
  --font-fa:   'Vazirmatn', Tahoma, 'Segoe UI', system-ui, sans-serif;
  --font-head: 'Estedad', 'Vazirmatn', Tahoma, 'Segoe UI', system-ui, sans-serif;
}

/* عنوان‌ها با استعداد. ‎.section-title‎ و مانندهایش هم عنوان‌اند حتی وقتی
   تگشان h نیست، پس صریح آورده شده‌اند. */
h1, h2, h3, h4, h5, h6,
.section-title,
.hero-title,
.article-title,
.subs-hero-name,
.footer-title,
.cats-card-title {
  font-family: var(--font-head);
}