/* ============================================================
   typography.css — النظام الطباعي الموحد للقالب
   ============================================================
   قاعدة صارمة: لا يُكتب font-size في أي ملف آخر.
   كل أحجام الخطوط معرّفة هنا فقط via CSS variables.
   ============================================================

   الهرم (من الأكبر للأصغر):
   ──────────────────────────────────────
   Level 5  hero          2.125–3.25rem   عنوان الهيرو الرئيسي
   Level 4  h1            1.5rem          عنوان الصفحة الرئيسي
   Level 3  h2            1.25rem         عنوان القسم / العنوان الفرعي الكبير
   Level 2  h3            1.0625rem       عنوان البطاقة / العنصر
   Level 1  body          0.9375rem       المتن الأساسي (فقرات، أوصاف أطباق)
   Level 0  caption       0.8125rem       تسميات، عناصر ثانوية، أزرار
   Level -1 micro         0.75rem         شارات، وسوم، نصوص صغيرة جداً

   المبدأ: كل درجة أقل بـ ~13–15% من التي فوقها.
   ============================================================ */

:root {
  /* ───── أحجم الخطوط (الهرم) ───── */
  --fs-hero:      clamp(2rem, 4.5vw, 3.25rem);     /* Level 5 */
  --fs-h1:        1.5rem;                           /* Level 4 */
  --fs-h2:        1.25rem;                          /* Level 3 */
  --fs-h3:        1.0625rem;                        /* Level 2 */
  --fs-body:      0.9375rem;                        /* Level 1 */
  --fs-caption:   0.8125rem;                        /* Level 0 */
  --fs-micro:     0.75rem;                          /* Level -1 */

  /* أسماء legacy — تُحذف تدريجياً */
  --fs-section:     var(--fs-h2);
  --fs-card-title:  var(--fs-h3);
  --fs-menu-item:   var(--fs-body);
  --fs-small:       var(--fs-caption);
  --fs-tiny:        var(--fs-micro);
  --fs-button:      var(--fs-caption);
  --fs-price:       var(--fs-h3);

  /* ───── أوزان الخطوط ───── */
  --fw-heading:     800;
  --fw-subheading:  700;
  --fw-body:        400;
  --fw-strong:      700;

  /* ───── ارتفاعات الأسطر ───── */
  --lh-heading:     1.35;
  --lh-body:        1.8;

  /* ───── تباعد الأحرف: صفر على العربية ───── */
  --ls-heading:     0;
  --ls-body:        0;
  --ls-button:      0;

  /* ───── عائلات الخطوط ───── */
  --font-heading:   'Cairo', 'Tajawal', sans-serif;
  --font-body:      'Tajawal', 'Cairo', sans-serif;
}

/* منع أي تباعد أحرف على العربية */
h1, h2, h3, h4, .btn, .link-more {
  letter-spacing: 0 !important;
}