@font-face {
  font-family: 'GE SS Two';
  src: url('../fonts/GE_SS_Two_Medium.ttf') format('truetype');
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: 'GE SS Two';
  src: url('../fonts/GE_SS_Two_Bold.otf') format('opentype');
  font-weight: 600 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039;
}

@font-face {
  font-family: 'Lyon Arabic Display';
  src: url('../fonts/Lyon-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lyon Arabic Display';
  src: url('../fonts/Lyon-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lyon Arabic Display';
  src: url('../fonts/Lyon-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


/* ── الأرقام لاتينية في المنصة كلّها ────────────────────────────────────────
   خطّ المنصة (GE SS Two) يعرض الأرقام بالصورة الهندية ٠١٢ لأن لغة الصفحة
   عربية. فيُكتب رقم الطلب 2026 ويظهر ٢٠٢٦، ويظهر الجوّال والبريد بصورة
   تخالف ما هو مخزَّن — فيصعب نسخه ومطابقته وقراءته لمن لا يألف الصورة.

   وإطفاء سمة locl لا يكفي: جرّبناه فبقي الاستبدال قائمًا، لأن الخطّ يفرضه
   في تخطيطه لا كسمة اختيارية.

   فالعلاج أن تُسحب الأرقام من خطٍّ لاتينيّ قبل أن يراها الخطّ العربي:
   عائلةٌ مداها محصور في U+0030–0039 (الأرقام وحدها) وتسبقه في الترتيب.
   وما عداها من الحروف يبقى على خطّ المنصة كما هو.

   وقرار الدار: الأرقام لاتينية في كل مكان.
   ───────────────────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'Midad Digits';
  src: local('Helvetica Neue'), local('Helvetica'), local('Arial'),
       local('Segoe UI'), local('Roboto'), local('DejaVu Sans');
  unicode-range: U+0030-0039;
  font-display: swap;
}

:root {
  --bg-canvas: #F5F7FA;
  --bg-surface: #FFFFFF;
  --bg-subtle: #F1F5F9;
  --bg-inset: #E4EAF1;

  --border: #E1E7EE;
  --border-strong: #C8D1DB;

  --text-primary: #0F172A;
  --text-secondary: #334155;
  --text-tertiary: #64748B;
  --text-muted: #94A3B8;
  --text-inverse: #FFFFFF;

  --brand: #0878BE;
  --brand-hover: #07558A;
  --brand-soft: #E3F0FA;
  --brand-text: #07558A;
  --brand-dark: #063D65;
  --brand-darkest: #052D4C;

  --info: #1F5FA3;
  --info-soft: #E1ECF7;
  --success: #16845B;
  --success-soft: #DDEDE1;
  --warning: #C78100;
  --warning-soft: #FFF3D8;
  --danger: #C74444;
  --danger-soft: #FCE8E8;
  --muted-chip: #EDF0F4;

  --status-draft: var(--muted-chip);
  --status-draft-text: var(--text-secondary);
  --status-pending: var(--info-soft);
  --status-pending-text: var(--info);
  --status-progress: var(--warning-soft);
  --status-progress-text: var(--warning);
  --status-blocked: var(--danger-soft);
  --status-blocked-text: var(--danger);
  --status-done: var(--success-soft);
  --status-done-text: var(--success);

  --font-arabic: 'Midad Digits', 'GE SS Two', 'Lyon Arabic Display', 'Segoe UI', 'Tahoma', sans-serif;
  --font-serif: 'Midad Digits', 'GE SS Two', 'Lyon Arabic Display', Georgia, 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, Menlo, monospace;
  /* خط المحتوى اللاتيني — البريد والجوال والرموز.
     خطّ المنصة الأساسي (GE SS Two) عربيّ، وحروفه وأرقامه اللاتينية تسقط
     إلى بديلٍ يختاره المتصفح فتختلف من جهاز لآخر ويقبح شكل الأرقام.
     فيُفرض هنا خطّ النظام اللاتيني على ما هو لاتينيّ بطبيعته. */
  --font-latin: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-display: 'Midad Digits', 'GE SS Two', 'Lyon Arabic Display', serif;

  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-body: 13px;
  --fs-md: 14px;
  --fs-lg: 15px;
  --fs-h3: 17px;
  --fs-h2: 20px;
  --fs-h1: 26px;
  --fs-display: 32px;

  /* أسماء بديلة كانت مستعملة في الأوراق ولا وجود لها هنا، فتسقط صامتة
     ويرث العنصر حجم أبيه — رقم مؤشّر بحجم ١٣px بدل ٢٠. تُعرَّف هنا بدل
     تتبّع كل موضع استعملها. */
  --fs-base: var(--fs-body);   /* 13px */
  --fs-xl: 22px;               /* أرقام المؤشرات — أكبر من العنوان الفرعي */

  --sp-xxs: 2px;
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 12px;
  --sp-base: 16px;
  --sp-lg: 20px;
  --sp-xl: 28px;
  --sp-2xl: 40px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* أسماء بديلة لألوان وظلال مستعملة في أوراق بعينها */
  --bg-page: var(--bg-canvas);
  --bg-muted: var(--bg-subtle);
  --surface: var(--bg-surface);
  --ink: var(--text-primary);
  --text: var(--text-primary);
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);

  --shadow-raised: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.05);
  --shadow-overlay: 0 8px 24px rgba(15, 23, 42, 0.10);
  --shadow-modal: 0 24px 48px rgba(15, 23, 42, 0.16);

  --topbar-h: 64px;
  --nav-w: 240px;
  --nav-w-collapsed: 64px;
  --content-max: 1400px;
}