/* ==========================================================================
   مجموعة تراي — توكنز الهوية
   المصدر: الدليل الإرشادي للهوية (سلايد 1–21) + الملف التعريفي 2026
   لا تُضاف أي ألوان خارج هذا الملف. أي لون غير مذكور هنا = غير معتمد.
   ========================================================================== */

:root{
  /* ---- ألوان الهوية المعتمدة ---- */
  --tri-ink:#111111;        /* أسود الهوية — النصوص الأساسية */
  --tri-sand:#E2DACB;       /* الخلفية الأم */
  --tri-sand-2:#CABCA1;     /* المربع / Feel */
  --tri-grey:#8B8B8B;       /* حدود وعناصر زخرفية ونصوص كبيرة فقط */
  --tri-slate:#6D7C8B;      /* المثلث / Act */
  --tri-navy:#141937;       /* التقاطع العميق + الأسطح الداكنة */
  --tri-red:#A00000;        /* الدائرة / Think + الأزرار الأساسية */
  --tri-red-deep:#4E0000;   /* العناوين */
  --tri-paper:#F2EDE4;      /* أسطح الكروت */

  /* ---- تدرّجات مشتقّة من أسود الهوية (ليست ألوانًا جديدة) ----
     ضرورية لتحقيق تباين WCAG AA للنصوص الثانوية الصغيرة،
     لأن --tri-grey على الخلفية الرملية يعطي 2.46:1 فقط (أقل من 4.5:1). */
  --tri-muted:#4A4A46;      /* نص ثانوي على الرملي — تباين 6.3:1 */
  --tri-line:rgba(17,17,17,.14);
  --tri-line-strong:rgba(17,17,17,.24);

  /* ---- ألوان كيان «الثلاثية لحلول الأعمال» (داخل عناصره فقط) ---- */
  --thu-orange:#FA5F05;
  --thu-navy:#001F3E;
  --thu-green:#91C4AD;
  --thu-bg:#F6F7ED;

  /* ---- الخطوط ----
     Lyon Arabic Display هو خط الهوية المعتمد، وهو المستخدم فعليًا في الموقع
     كاملًا. ملفاته وتعريفاته في css/fonts.css. ما بعده في القائمة خطوط نظام
     احتياطية تظهر لحظة التحميل فقط (font-display: swap). */
  --font-base:"Lyon Arabic Display",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"Lyon Arabic Display",Georgia,serif;
  /* خط كيان الثلاثية الخاص — يُستخدم داخل عناصره فقط */
  --font-thulathiya:"Frutiger LT Arabic",var(--font-base);

  /* ---- سلّم التايبوغرافي (Desktop / Mobile عبر clamp) ---- */
  --fs-h1:clamp(2.375rem,1.35rem + 4.2vw,4rem);        /* 38 → 64 */
  --fs-h2:clamp(1.75rem,1.25rem + 2.1vw,2.75rem);      /* 28 → 44 */
  --fs-h3:clamp(1.375rem,1.2rem + .75vw,1.75rem);      /* 22 → 28 */
  --fs-body:clamp(1rem,.95rem + .25vw,1.125rem);       /* 16 → 18 */
  --fs-sm:clamp(.875rem,.85rem + .12vw,.9375rem);      /* 14 → 15 */
  --fs-word:clamp(4rem,2rem + 8.4vw,7.5rem);           /* 64 → 120 */

  --lh-tight:1.15;
  --lh-body:1.8;   /* ضروري للعربية */

  /* ---- المقاسات والإيقاع ---- */
  --shell:min(1240px,100% - 2 * var(--gutter));
  --gutter:clamp(1.25rem,4vw,3rem);
  --sp-section:clamp(4.5rem,9vw,8rem);
  --radius:14px;
  --radius-sm:8px;

  /* ---- الحركة ---- */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.6s;

  --shadow-card:0 1px 2px rgba(17,17,17,.05), 0 10px 28px -14px rgba(20,25,55,.28);
  --shadow-lift:0 2px 4px rgba(17,17,17,.06), 0 20px 40px -18px rgba(20,25,55,.36);
}

/* احترام تقليل الحركة على مستوى النظام */
@media (prefers-reduced-motion: reduce){
  :root{ --dur:.001s; }
}