/* ECS — tokens
   المتغيّرات: المصدر الوحيد لأي لون أو مقاس أو خط في الموقع.
   هذا الملف جزء من نظام الأنماط: الترتيب في src/modules/setup.php
   هو ترتيب التتالي، فلا يُعاد ترتيبه إلا بعلم. */


/* ============================================================
   00 — TOKENS
   المصدر الوحيد للحقيقة. أي لون أو مقاس في الموقع يرجع لهنا.
   ============================================================ */
:root{
  /* الألوان — مستخرجة من ملف الشعار الأصلي */
  --ecs-ink:      #0F1D2C;   /* الكحلي الرسمي */
  --ecs-ink-2:    #18293F;
  --ecs-ink-deep: #050D18;
  --ecs-line-d:   #2A3E58;   /* حدود على خلفية داكنة */
  --ecs-steel:    #64798F;

  --ecs-paper:    #F4F5F3;   /* خلفية الموقع */
  --ecs-white:    #FFFFFF;
  --ecs-line:     #DDE0DC;   /* حدود على خلفية فاتحة */

  --ecs-hv:       #F2A007;   /* الكهرماني — مسار الباحثين عن عمل */
  --ecs-hv-d:     #A26000;   /* يمر AA على الأبيض والورقي والكهرماني الفاتح */
  --ecs-hv-soft:  #FDF3DD;
  --ecs-hv-ink:   #2A1D00;

  --ecs-err:      #7A1E1E;   /* نصّ رسالة خطأ — 8.9 على خلفيتها */
  --ecs-err-soft: #FDECEC;   /* خلفية رسالة خطأ */

  --ecs-body:     #3B4757;   /* لون النص الأساسي */
  --ecs-muted:    #627081;   /* نص ثانوي — 5.06 على الأبيض */
  --ecs-muted-d:  #9DB2C8;   /* نص ثانوي فوق الداكن — 7.82 على الكحلي */

  /* الخطوط */
  --ecs-display: 'Barlow Condensed', system-ui, sans-serif;
  --ecs-sans:    'Barlow', system-ui, sans-serif;

  /* المقاسات — سائلة، تتدرّج مع عرض الشاشة بدل القفز عند نقطة التوقف */
  --ecs-maxw:    1240px;
  --ecs-gut:     clamp(18px, 4vw, 28px);   /* هامش جانبي */
  --ecs-sect:    clamp(40px, 4.4vw, 64px); /* مسافة القسم الرأسية — كانت 52–88 حتى 1.22 */
  --ecs-gap:     clamp(16px, 2.4vw, 32px); /* فراغ الشبكات */

  /* سلّم النص — ثماني درجات لا اثنتان وعشرون.
     كل حجم في الموقع يرجع إلى واحدة منها. */
  --fs-xxs: 12px;     /* شارات ووسوم دقيقة */
  --fs-xs:  13px;     /* تسميات وعناوين علوية */
  --fs-sm:  14.5px;   /* نص مساعد ووصف وعناصر الواجهة */
  --fs-md:  16.5px;   /* المتن */

  /* أرقام عرضية — ليست نصًا، لها سلّمها */
  --fs-num:   clamp(26px, 2.6vw, 34px);
  --fs-num-l: clamp(40px, 4vw, 56px);

  /* سلّم الخطوط السائل */
  --ecs-h1: clamp(30px, 4.15vw, 58px);
  --ecs-h2: clamp(25px, 3.4vw, 42px);
  --ecs-h3: clamp(20px, 1.9vw, 28px);
  --ecs-h4: clamp(17px, 1.5vw, 22px);
  --ecs-lg: clamp(16px, 1.3vw, 19px);      /* نص تمهيدي */

  --ecs-tr: .18s cubic-bezier(.4,0,.2,1);
}

/* النص الثانوي فوق الخلفيات الداكنة يأخذ درجته الخاصة.
   إعادة تعريف المتغيّر تكفي — كل ما تحته يرث القيمة الصحيحة. */
.ecs-dark,
.ecs-panel,
.ecs-hero,
.ecs-lawbox,
.ecs-vet,
.ecs-calc,
.ecs-ektop,
.ecs-ekhead,
.ecs-ekfoot,
.ecs-lead--chair{
  --ecs-muted: var(--ecs-muted-d);
}

/* العربية تأخذ Cairo في العرض والمتن معًا */
[dir="rtl"]{
  --ecs-display: 'Cairo', system-ui, sans-serif;
  --ecs-sans:    'Cairo', system-ui, sans-serif;
}