/* المسافات، الأنصاف القطرية، والظلال — مستخرجة من ui.css / portal.css و partials */
:root{
  --krs-space-1:4px;
  --krs-space-2:8px;
  --krs-space-3:12px;
  --krs-space-4:16px;
  --krs-space-5:20px;
  --krs-space-6:24px;
  --krs-space-8:32px;
  --krs-space-10:40px;
  --krs-space-12:48px;

  /* الإيقاع الشائع: فجوة 12px بين البطاقات، حشوة 20px داخلها، 24px بين الأقسام */
  --krs-gap-grid:12px;
  --krs-gap-section:16px;
  --krs-pad-card:20px;
  --krs-pad-shell:32px;
  --krs-stack-section:24px;

  /* أنصاف الأقطار */
  --krs-radius-sm:8px;      /* حقول الإدخال، شارات صغيرة */
  --krs-radius-md:12px;     /* أزرار صغيرة، بطاقات داخلية */
  --krs-radius-lg:14px;     /* الأزرار، عناصر التنقل */
  --krs-radius-xl:16px;     /* .card في ui.css */
  --krs-radius-2xl:18px;    /* .kh-card في البوابة */
  --krs-radius-3xl:22px;    /* ترويسة البوابة */
  --krs-radius-pill:999px;  /* الشارات والحبوب */

  /* الظلال */
  --krs-shadow-card:0 8px 28px rgba(0,0,0,.08);
  --krs-shadow-soft:0 2px 12px rgba(0,0,0,.08);
  --krs-shadow-kpi-hover:0 8px 20px rgba(0,0,0,.12);
  --krs-shadow-brand:0 8px 20px rgba(106,44,133,.22);
  --krs-shadow-brand-hover:0 10px 26px rgba(106,44,133,.28);
  --krs-shadow-btn-primary:0 6px 16px rgba(39,170,225,.35);
  --krs-shadow-btn-danger:0 6px 16px rgba(239,68,68,.30);
  --krs-shadow-portal:0 18px 40px rgba(15,23,42,.10);
  --krs-shadow-portal-soft:0 10px 20px rgba(15,23,42,.08);
  --krs-focus-ring:0 0 0 3px rgba(39,170,225,.22);
  --krs-focus-ring-primary:0 0 0 4px rgba(106,44,133,.12);

  /* الحدود */
  --krs-border-width:1px;
  --krs-border-color:var(--krs-border);
  --krs-border-color-soft:var(--krs-border-soft);

  /* القياسات الثابتة */
  --krs-sidebar-width:288px;      /* md:w-72 */
  --krs-sidebar-width-sm:256px;   /* w-64 */
  --krs-sidebar-collapsed:72px;   /* 4.5rem */
  --krs-header-height:60px;
  --krs-hit-target:44px;          /* الحدّ الأدنى للمس في البوابة */
  --krs-container-portal:1100px;
}