/* ============================================================
   رموز واجهة الموقع — المصدر الوحيد لقيمها البصرية
   ============================================================

   ‏هذه رموز **موقع المنصّة** (الهبوط وApp وIDE وMarketplace…)، وهي غير
   ‏`library/tokens.css` الذي يحكم **النواتج المولَّدة** للمستخدمات. ملفّان
   ‏لجمهورين: تغيير لون زرٍّ هنا لا يمسّ موقعاً وَلَّدَته مستخدمة.

   ‏والاسم `site-tokens` لا `styles` عمداً: في المشروع بالفعل `styles.css`
   ‏تُولَّد لكل مكوّن في `library/react/`، فاسمٌ ثالث يمنع التباساً في البحث
   ‏وفي الاستيراد.

   ‏وكانت كل صفحة تعرّف هذه القيم في `:root` داخل `<style>` خاصّ بها — ثمانٍ
   ‏وعشرون نسخة من اللون الواحد، تتغيّر إحداها فتشذّ صفحة بلا أن يلاحظ أحد.
   ‏وقد قيست النسخ كلّها قبل الاستخراج فوُجدت متطابقة القيمة (والوحيد الذي
   ‏اختلف شكلاً — `--shadow` — فرقُه `0.05` مقابل `.05`، وهما في CSS سواء).

   ‏وما يخصّ صفحةً بعينها يبقى في صفحتها: `--ink-2` و`--line` و`--ok` و`--r`
   ‏و`--surface` يعرّفها ملفٌّ واحد لكلٍّ، فلا تُحمَل على الموقع كلّه.
   ============================================================ */

:root {
  /* ---- الأسطح ---- */
  --bg: #F5F8FC;
  --card: #FFFFFF;
  --border: #E2E8F0;

  /* ---- الحبر ---- */
  --text: #2F2F2F;
  --text-2: #6F6F6F;
  --text-3: #94A3B8;

  /* ---- العلامة ---- */
  --accent: #2F7BE5;
  --accent-hover: #1F66CC;
  --green: #2FA24C;

  /* ---- الارتفاع والحركة ---- */
  --shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
  --ease: cubic-bezier(.22, 1, .36, 1);

  /* ---- الخطوط ----
     ‏الأسرة نفسها كانت مكتوبة حرفياً في سبعة وعشرين موضعاً. والملفات تُحمَّل
     ‏بـ`<link>` في رأس كل صفحة لا بـ`@import` هنا: الاستيراد داخل CSS يُسلسِل
     ‏الطلبَين (الملف ثم الخط) بدل توازيهما. */
  --font-core: 'Inter', -apple-system, sans-serif;
  --mono: 'JetBrains Mono', monospace;
}