/* ═══════════════════════════════════════════════════════════════
   rabacrm — خطوط الهوية الرسمية
   Tajawal (عربي) · Big Shoulders Inline (English headings) · Chewy (decorative)
   ═══════════════════════════════════════════════════════════════ */

/* ─── Tajawal — الخط الأساسي العربي ─── */
@font-face {
  font-family: 'Tajawal';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('/brand/fonts/tajawal/Tajawal-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('/brand/fonts/tajawal/Tajawal-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('/brand/fonts/tajawal/Tajawal-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/brand/fonts/tajawal/Tajawal-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url('/brand/fonts/tajawal/Tajawal-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url('/brand/fonts/tajawal/Tajawal-Black.ttf') format('truetype');
}

/* ─── Big Shoulders Inline — للعناوين الإنجليزية الكبيرة ─── */
@font-face {
  font-family: 'Big Shoulders Inline';
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  src: url('/brand/fonts/bigshoulders/BigShouldersInline.ttf') format('truetype-variations');
}

/* ─── Chewy — خط زخرفي للتأكيدات الخاصة ─── */
@font-face {
  font-family: 'Chewy';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('/brand/fonts/chewy/Chewy-Regular.ttf') format('truetype');
}

/* ═══════════════════════════════════════════════════════════════
   خط النص حسب لغة المستند (2026-09-26)
   ───────────────────────────────────────────────────────────────
   Tajawal يحمل محارف لاتينية لكنه خط عربي؛ صفحة إنجليزية تُقرأ أفضل بخط لاتيني.
   القيمتان نسخة حرفية من fontStack في public/i18n/locales.js، ويحرس اختبارٌ التطابق.

   لا مستهلك لهذا المتغيّر بعد، وlang="en" لا يصل أي صفحة اليوم — فالأثر البصري صفر.
   استبدال الإعلانات العشرين بـvar() عملُ المرحلة ٢ لا الآن: لها خمس سلاسل احتياط
   مختلفة (sans-serif · Tahoma · Tahoma,Arial · Inter,system-ui · system-ui)،
   وتوحيدها اليوم يغيّر ما يُرسَم حين يفشل تحميل Tajawal، بلا لقطة مرجعية تكشفه.
   ═══════════════════════════════════════════════════════════════ */
:root { --raba-body-font: 'Tajawal', system-ui, sans-serif; }
html[lang="en"] { --raba-body-font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }

/* ═══════════════════════════════════════════════════════════════
   الاتجاه حسب لغة المستند (2026-09-26)
   ───────────────────────────────────────────────────────────────
   سمة `dir` على <html> **ليست** حاكمة: هي تلميح في ورقة أنماط المتصفح، وأي قاعدة
   مؤلِّف تغلبها. و`body{direction:rtl}` معلَنة في styles.css وtasks-ui.css
   وtickets-board.css وداخل ٣٦ صفحة — أي أن ٨٤ صفحة كانت ستُخدَم بـlang="en"
   وتُرسَم من اليمين إلى اليسار **دائماً**، لا وميضاً (مقيس في كروم حقيقي:
   html يحسب ltr وbody يحسب rtl على customer-tickets وtelesales وmy-tasks).

   خصوصية `html[lang="en"] body` هي (0,1,2) فتغلب `body` (0,0,1) و`html,body`
   (0,0,2) أينما أُعلنت وبأي ترتيب — ومنها الأنماط السطرية داخل الصفحات.
   بلا lang="en" على أي صفحة اليوم فالأثر صفر.

   ⚠️ هذه **طبقة ثانية لا الحامل الأساسي**: ١١٢ صفحة من ٢٧١ لا تربط هذا الملف أصلاً،
      و٢٥ غيرها تستلمه من raba-ui.js وقت التشغيل — فبـJavaScript مُطفأ كانت كل الصفحات
      تُرسَم من اليمين إلى اليسار. الحامل الأساسي صار <style> يحقنه i18n-html مع المستند
      نفسه، فيصل كل صفحة ويعمل بلا JavaScript (مقيس: ١٢/١٢ بـJS وبدونه).
   ═══════════════════════════════════════════════════════════════ */
html[lang="en"] body { direction: ltr; }

/* ═══════════════════════════════════════════════════════════════
   Helper classes
   ═══════════════════════════════════════════════════════════════ */
.font-tajawal { font-family: 'Tajawal', Tahoma, sans-serif !important; }
.font-display { font-family: 'Big Shoulders Inline', 'Tajawal', sans-serif !important; letter-spacing: -0.02em; }
.font-decorative { font-family: 'Chewy', 'Tajawal', cursive !important; }

/* ═══════════════════════════════════════════════════════════════
   Global override — كل النص يستخدم Tajawal كأولوية
   ═══════════════════════════════════════════════════════════════ */
html, body, button, input, textarea, select {
  font-family: 'Tajawal', Tahoma, Arial, sans-serif;
}

/* العناوين بـTajawal Bold */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Tajawal', Tahoma, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
}