/* ===== LIOI Typography Pyramid =====
   مصدر أحجام الخطوط الوحيد في الموقع (حوكمة أنظمة التصميم).
   الهرم: L5 (هيرو) → L4 (عناوين الأقسام) → L3 (بطاقات) → L2 (تسميات) → L1 (نص) → L0 (توضيحي).
   لا تُكتب font-size خارج هذا الملف. */

:root{
  /* L5 هيرو الصفحة الرئيسية */
  --fs-hero: clamp(2.4rem, 5vw, 3.4rem);
  /* L4 عناوين الأقسام الكبيرة */
  --fs-display: clamp(1.9rem, 3.4vw, 2.6rem);
  /* L3 عناوين الأقسام الفرعية والبطاقات الكبيرة */
  --fs-h2: clamp(1.5rem, 2.6vw, 2rem);
  /* L2 عناوين البطاقات والتسميات */
  --fs-h3: clamp(1.2rem, 1.9vw, 1.4rem);
  /* L1 النص الأساسي */
  --fs-body: 1.0625rem;
  /* L0 النص المساعد والتوضيحي */
  --fs-caption: 0.9375rem;
  --fs-micro: 0.8125rem;
}