/* ============================================================
   رتّل – سُلَّمُ كونسولِ المالكِ البصريّ
   ------------------------------------------------------------
   قِيس قبل الكتابة: ثمانِ صفحاتٍ تحمل ٢٤ مقاسَ خطٍّ و٢٥ استدارةً و٣٥ ظلّاً.
   والفروقُ في أكثرِها غيرُ مقصودة: ‎11px‏ و‎11.5px‏ و‎.72rem‏ (١١٫٥٢) ثلاثةُ
   مقاساتٍ لشيءٍ واحد، و‎10px‏ و‎12px‏ و‎13px‏ و‎14px‏ أربعُ استداراتٍ لبطاقة.
   لا أحدَ اختارها — تراكمت.

   القاعدة: كلُّ قيمةٍ تُشير إلى رمزٍ من هنا. والفحصُ
   owner-design-tokens.test.js يمنع عودةَ قيمةٍ خامٍّ خارجَ
   السُّلَّم. الألوانُ في css/dashboard-v2.css (محسوبةٌ لعتبةِ التباين).

   ما لا يدخل السُّلَّمَ عمداً: حلقاتُ التركيز (‎0 0 0 Npx‎) وظلالُ الحركاتِ
   المتغيّرة — ليست ارتفاعاً بل دلالةُ حالةٍ أو إطارُ حركة.
   ============================================================ */
:root {
  /* ── سُلَّمُ الخطّ ── */
  --fs-2xs: 11px;   /* تسميةٌ دقيقةٌ فوق رقم */
  --fs-xs:  12px;   /* نصٌّ ثانويٌّ وشارات */
  --fs-sm:  13px;   /* جداولُ وحقول */
  --fs-md:  14px;   /* النصُّ الأساسيّ */
  --fs-lg:  16px;   /* عناوينُ فرعيّة */
  --fs-xl:  18px;
  --fs-2xl: 20px;
  --fs-3xl: 24px;
  --fs-4xl: 30px;

  /* ── سُلَّمُ الاستدارة ── */
  --r-xs:   4px;
  --r-sm:   8px;
  --r-md:  12px;    /* الحقولُ والأزرار */
  --r-lg:  16px;    /* البطاقاتُ الصغيرة */
  --r-xl:  20px;
  --r-2xl: 24px;    /* البطاقاتُ الكبيرة */
  --r-pill: 999px;

  /* ── سُلَّمُ الارتفاع ── */
  --e-1: 0 4px 12px rgba(15, 23, 42, .05);    /* ملتصقٌ بالسطح */
  --e-2: 0 12px 28px rgba(15, 23, 42, .05);   /* بطاقة */
  --e-3: 0 20px 52px rgba(15, 23, 42, .06);   /* طبقةٌ عائمة */
}