/* =====================================================================
   badaael-primitives.css  —  الطبقة الأساسية المشتركة عبر شبكة بدائل
   تُحمّل قبل الطبقة الدلالية لكل موقع. لا ألوان دلالية هنا — قيم خام فقط.
   الإصدار: 1.0.0
   ===================================================================== */
:root{
  /* المسافات (مقياس 4px) */
  --bd-space-1:4px;  --bd-space-2:8px;  --bd-space-3:12px; --bd-space-4:16px;
  --bd-space-5:24px; --bd-space-6:32px; --bd-space-7:48px; --bd-space-8:64px;

  /* أنصاف الأقطار */
  --bd-radius-sm:6px; --bd-radius-md:10px; --bd-radius-lg:16px; --bd-radius-pill:999px;

  /* الظلال */
  --bd-shadow-sm:0 1px 2px rgba(15,23,32,.06), 0 1px 3px rgba(15,23,32,.08);
  --bd-shadow-md:0 4px 16px rgba(15,23,32,.10);
  --bd-shadow-lg:0 12px 40px rgba(15,23,32,.14);

  /* التركيز (Focus ring) للوصولية */
  --bd-ring:0 0 0 3px;

  /* عرض العمود القرائي */
  --bd-maxw:760px;
  --bd-maxw-ref:960px;

  /* عائلات الخطوط الخام (تُسنَد في الطبقة الدلالية) */
  --bd-font-readex:"Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif;
  --bd-font-plex:"IBM Plex Sans Arabic",system-ui,sans-serif;
  --bd-font-mono:"IBM Plex Mono",ui-monospace,monospace;
}

/* أساسيات مشتركة لا تعتمد على الألوان الدلالية */
.bd *{box-sizing:border-box}
.bd img,.bd svg{max-width:100%;display:block}
.bd :focus-visible{outline:none;box-shadow:var(--bd-ring) var(--accent,#0F3D4A);border-radius:var(--bd-radius-sm)}
@media (prefers-reduced-motion:reduce){
  .bd *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}