/*
 * طبقة خط ثمانية — منصة الوليد
 * خط فقط: لا ألوان، لا تخطيط، لا مقاسات مكوّنات. كل القواعد داخل @media screen
 * فتختفي كليًا عند الطباعة. مستندات الطباعة وقوالب A4 وورقة التقارير مستثناة
 * حتى على الشاشة لأن تصدير PDF يلتقط أنماط الشاشة نفسها.
 *
 * الملفات الرسمية من حزمة ترخيص عائلة ثمانية:
 * - Thmanyah Sans لنصوص الواجهة، مع خاصية "swsh" (المدّات المرسلة في نهايات
 *   الكلمات — بصمة ثمانية البصرية) مفعّلة في كل النصوص.
 * - Thmanyah Serif Display للعناوين الكبيرة مع "dlig" إضافةً للمدّات.
 * - Alwaleed Numerals لأرقام الشاشة فقط، مبني من أوزان Cairo المحلية حتى
 *   تبقى الأرقام هادئة ومتناسقة ولا تغيّر عائلة النص العربي.
 */

/*
 * عائلة ذات نطاق محارف رقمي فقط. يختارها المتصفح للأرقام والرموز الحسابية،
 * ثم ينتقل تلقائيًا إلى Thmanyah للنص العربي واللاتيني.
 */
@font-face {
  font-family: 'Alwaleed Numerals';
  src: url('../fonts/cairo-400-latin.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range: U+0025, U+002B-003A, U+00D7, U+0660-066C, U+2044, U+2212;
}

@font-face {
  font-family: 'Alwaleed Numerals';
  src: url('../fonts/cairo-500-latin.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0025, U+002B-003A, U+00D7, U+0660-066C, U+2044, U+2212;
}

@font-face {
  font-family: 'Alwaleed Numerals';
  src: url('../fonts/cairo-600-latin.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  unicode-range: U+0025, U+002B-003A, U+00D7, U+0660-066C, U+2044, U+2212;
}

@font-face {
  font-family: 'Alwaleed Numerals';
  src: url('../fonts/cairo-700-latin.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0025, U+002B-003A, U+00D7, U+0660-066C, U+2044, U+2212;
}

@font-face {
  font-family: 'Alwaleed Numerals';
  src: url('../fonts/cairo-900-latin.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  unicode-range: U+0025, U+002B-003A, U+00D7, U+0660-066C, U+2044, U+2212;
}

@font-face {
  font-family: 'Thmanyah Sans';
  src: url('../fonts/thmanyahsans-Light.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Thmanyah Sans';
  src: url('../fonts/thmanyahsans-Regular.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Thmanyah Sans';
  src: url('../fonts/thmanyahsans-Medium.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Thmanyah Sans';
  src: url('../fonts/thmanyahsans-Bold.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Thmanyah Sans';
  src: url('../fonts/thmanyahsans-Black.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: 'Thmanyah Serif Display';
  src: url('../fonts/thmanyahserifdisplay-Medium.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Thmanyah Serif Display';
  src: url('../fonts/thmanyahserifdisplay-Bold.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@media screen {
  :root {
    --thm-font:
      'Alwaleed Numerals', 'Thmanyah Sans', 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Arial,
      sans-serif;
    --thm-font-display:
      'Alwaleed Numerals', 'Thmanyah Serif Display', 'Thmanyah Sans', 'Cairo', 'Tajawal',
      'Segoe UI', Tahoma, Arial, sans-serif;
    --thm-feat-text: 'swsh' 1, 'kern' 1, 'liga' 1, 'lnum' 1, 'tnum' 1;
    --thm-feat-display: 'swsh' 1, 'dlig' 1, 'kern' 1, 'liga' 1, 'lnum' 1, 'tnum' 1;
  }

  body {
    font-family: var(--thm-font);
    font-feature-settings: var(--thm-feat-text);
    font-variant-numeric: lining-nums tabular-nums;
    font-kerning: normal;
    text-rendering: optimizeLegibility;
  }

  /*
   * فرض ثمانية على كل عناصر الشاشة، حتى القواعد القديمة التي تطلب Cairo أو
   * Amiri أو Tajawal أو Courier مباشرة. جذور المستندات القابلة للطباعة
   * وكل أبنائها خارج هذا الفرض كي يبقى تصدير A4/PDF مطابقًا تمامًا.
   */
  body
    :where(
      *:not(
        :where(
          .a4,
          .a4 *,
          .gp-card,
          .gp-card *,
          .print-pack,
          .print-pack *,
          .stage .sheet,
          .stage .sheet *,
          .sheet.export,
          .sheet.export *
        )
      )
    ) {
    font-family: var(--thm-font) !important;
    font-feature-settings: var(--thm-feat-text);
    font-kerning: normal;
  }

  body
    :where(
      *:not(
        :where(
          .a4,
          .a4 *,
          .gp-card,
          .gp-card *,
          .print-pack,
          .print-pack *,
          .stage .sheet,
          .stage .sheet *,
          .sheet.export,
          .sheet.export *
        )
      )
    )::before,
  body
    :where(
      *:not(
        :where(
          .a4,
          .a4 *,
          .gp-card,
          .gp-card *,
          .print-pack,
          .print-pack *,
          .stage .sheet,
          .stage .sheet *,
          .sheet.export,
          .sheet.export *
        )
      )
    )::after {
    font-family: inherit !important;
    font-feature-settings: inherit;
  }

  body
    :where(input, textarea):not(
      :where(.a4 *, .gp-card *, .print-pack *, .stage .sheet *, .sheet.export *)
    )::placeholder,
  body
    :where(input[type='file']):not(
      :where(.a4 *, .gp-card *, .print-pack *, .stage .sheet *, .sheet.export *)
    )::file-selector-button {
    font-family: var(--thm-font) !important;
    font-feature-settings: var(--thm-feat-text);
  }

  /*
   * العناوين الكبيرة بعائلة Thmanyah Serif Display بأسلوب عناوين ثمانية،
   * مع إلغاء أي تقارب أحرف سالب لأنه يضر بجمال التشكيل العربي.
   */
  body
    :where(h1, h2, h3, [role='heading']):not(
      :where(.a4 *, .gp-card *, .print-pack *, .stage .sheet *, .sheet.export *)
    ) {
    font-family: var(--thm-font-display) !important;
    font-feature-settings: var(--thm-feat-display);
    font-kerning: normal;
    letter-spacing: 0 !important;
  }

  body
    :where(h4, h5, h6, legend):not(
      :where(.a4 *, .gp-card *, .print-pack *, .stage .sheet *, .sheet.export *)
    ) {
    font-feature-settings: var(--thm-feat-display);
  }

  /*
   * جذور المستندات القابلة للطباعة تستعيد خط ما قبل الطبقة بقاعدة عديمة
   * التخصيص، فلا تتفوق على أي محدد مباشر من ملفات الطباعة، وتمنع في الوقت
   * نفسه وراثة خط الشاشة الجديد من body.
   */
  :where(body) :where(.a4, .gp-card, .print-pack, .stage .sheet, .sheet.export) {
    font-family: 'Tajawal', 'Cairo', sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-synthesis: weight style small-caps;
    text-rendering: auto;
  }
}