نظام الطباعة

طباعة عبر التوكنات فقط. كل عنوان وفقرة يستخدمان فئة مُسمَّاة. أدوات Tailwind الخام مثل `text-Xxl` ممنوعة في القوالب الإنتاجية — التوكنات تفرض السلّم التحريري، قيم clamp()، وتعديلات العربية في مكان واحد.

توكنات السلّم الطباعي

.t-hero-h1

عناوين hero في الصفحات الرئيسية. clamp(2rem, 1.5rem + 2.8vw, 3.75rem). موبايل: 32px. ديسكتوب كبير: 60px. ارتفاع سطر مضغوط 1.1 على الموبايل.

.t-page-h1

عناوين صفحات (التفاصيل، القوائم). clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem). موبايل: 28px. ديسكتوب: 44px.

.t-section-h2

عناوين الأقسام داخل الصفحة. clamp(1.5rem, 1.25rem + 1vw, 2rem). موبايل: 24px. ديسكتوب: 32px.

.t-card-h3

عناوين الكروت. نطاق 18-20px. مع clamp سطرين دائماً في كروت القوائم.

.t-body-lg

فقرة افتتاحية بعد الـ hero. ~1.0625rem مع ارتفاع سطر 1.55. يضيق إلى 1rem على الموبايل عبر طبقة §15.

.t-body

نص الجسم. 1rem / ارتفاع سطر 1.6. يصبح 0.9375rem / 1.5 على الموبايل.

.t-body-sm

نسخة ثانوية. 0.875rem. للوصف، النص الداعم، بيانات الكرت.

.t-meta

بيانات وصفية صغيرة بخط mono CAPS: شارات، eyebrows، شارات حالة. 11px، tracking 0.10em، weight 700.

تعديلات العربية

العربية تستخدم سلّم clamp() أكثف قليلاً لأن أشكال الحروف العربية تُقرأ أكثف لكل حرف. توكنات hero والـ body تتعدّل تلقائياً تحت `[dir="rtl"]` — لا تكتب تجاوزات خاصة بالعربية لكل صفحة.