/* ═══════════════════════════════════════════════════════════════
   خط النظام: Frutiger LT Arabic

   الملفات مستضافة هنا لا على مزوّد خارجي، فلا تتعطّل الواجهة إن
   سقط المزوّد. لتبديل المصدر برخصتك: استبدل ملفات fonts/ الأربعة
   واترك بقية هذا الملف كما هو.

   الأوزان المتاحة أربعة فقط: 300 و400 و700 و800. وأي وزن يطلبه
   النظام بينها (500 أو 600) يتقرّب المتصفح به إلى أقربها.
   ═══════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Frutiger LT Arabic';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('./fonts/frutiger-300.woff') format('woff');
}
@font-face {
  font-family: 'Frutiger LT Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/frutiger-400.woff') format('woff');
}
@font-face {
  font-family: 'Frutiger LT Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/frutiger-700.woff') format('woff');
}
@font-face {
  font-family: 'Frutiger LT Arabic';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('./fonts/frutiger-800.woff') format('woff');
}

/* ═══ الأساس: كل شيء بالخط، والمتن نحيف ═══
   النحيف هو الحالة الافتراضية للمحتوى الداخلي: قيم الحقول وخلايا
   الجداول والفقرات. */
html,
body,
input,
textarea,
select,
button,
table {
  font-family: 'Frutiger LT Arabic', 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
}

body {
  font-weight: 300;
}

/* ═══ الأرقام ═══
   كان النظام يعرض الأرقام بخط ثابت العرض (IBM Plex Mono) فتصطفّ
   أعمدة المبالغ رأسياً. وFrutiger متناسب العرض، فتتعرّج الأعمدة.
   tabular-nums تُعيد التصفيف بأرقام متساوية العرض داخل الخط نفسه. */
body,
table,
input,
td,
th {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* ═══ الخارجي سميك ═══
   العناوين وترويسات الجداول والتسميات — إطار الواجهة. */
h1, h2, h3, h4, h5, h6,
th,
label,
legend,
summary {
  font-weight: 700;
}

/* الأوزان المتوسطة التي لا وجه لها في Frutiger تُرفع إلى السميك
   بدل أن يصطنعها المتصفح باهتة. */
.font-medium,
.font-semibold {
  font-weight: 700;
}

/* ═══ الداخلي نحيف ═══
   ما يكتبه الموظف ويقرأه داخل الحقول والخلايا — ما لم يحمل
   العنصر صنف إبراز صريح. */
input:not([class*="font-"]),
textarea:not([class*="font-"]),
select:not([class*="font-"]),
td:not([class*="font-"]),
p:not([class*="font-"]) {
  font-weight: 300;
}

/* حقول الإدخال تبقى نحيفة حتى داخل بطاقة عنوانها سميك */
input::placeholder,
textarea::placeholder {
  font-weight: 300;
}