/* ============================================================================
   EzDesign v1 — Design tokens
   Easy Z Ecosystem · core/ui-kit/tokens.css
   ---------------------------------------------------------------------------
   قاعدة الاستخدام:
     ١. هذا الملف هو المكان الوحيد لتعريف أي قيمة بصرية جديدة.
     ٢. لا يُعدَّل أي متغيّر هنا عند تخصيص ثيم؛ الثيم يمرّر مدخلات فقط
        (--ez-brand-*, --ez-font-display, --ez-radius-*, --ez-scheme).
     ٣. الملف إضافي بالكامل: لا يستهدف أي محدِّد قائم ولا يعيد تعيين --brand-*،
        لذلك تحميله لا يغيّر شكل أي صفحة موجودة.
     ٤. لا !important هنا، ولا قيم خارج المقاييس أدناه.
   ---------------------------------------------------------------------------
   الأسماء كلها بادئة --ez- لتفادي أي تعارض مع متغيّرات المتجر الحالية
   (--brand-primary, --card-radius ...) أثناء الترحيل التدريجي.
   ========================================================================= */

:root {
  /* ── ١. العلامة (مدخلات يضبطها الثيم أو التاجر) ─────────────────────── */
  --ez-brand-50:  #ecfdf5;
  --ez-brand-100: #d1fae5;
  --ez-brand-200: #a7f3d0;
  --ez-brand-300: #6ee7b7;
  --ez-brand-400: #34d399;
  --ez-brand-500: #10b981;
  --ez-brand-600: #059669;
  --ez-brand-700: #047857;
  --ez-brand-800: #065f46;
  --ez-brand-900: #064e3b;

  /* مشتقات المشهد — لا تُكتب يدويًا في المكوّنات */
  --ez-brand:        var(--ez-brand-600);   /* لهجات، حدود، أيقونات */
  --ez-brand-fill:   var(--ez-brand-700);   /* تعبئة تحمل نصًا أبيض — 5.48:1 */
  --ez-brand-press:  var(--ez-brand-800);   /* حالة الضغط */
  --ez-brand-soft:   var(--ez-brand-50);    /* خلفية هادئة */
  --ez-brand-on:     #ffffff;               /* نص فوق التعبئة */

  /* ── ٢. العاديّات ────────────────────────────────────────────────────── */
  --ez-n-0:   #ffffff;
  --ez-n-25:  #fcfbfa;
  --ez-n-50:  #f7f5f3;
  --ez-n-100: #eeece9;
  --ez-n-200: #e0ddd8;
  --ez-n-300: #c9c5be;
  --ez-n-400: #a09a92;
  --ez-n-500: #7a746c;
  --ez-n-600: #5b554e;
  --ez-n-700: #413c36;
  --ez-n-800: #2a2621;
  --ez-n-900: #171412;

  /* ── ٣. الدلالات (كل ثنائي مُتحقَّق ≥4.5:1 — يفحصه tests/design_lint.mjs) */
  --ez-ok:        #047857;
  --ez-ok-bg:     #ecfdf5;
  --ez-ok-border: #a7f3d0;

  --ez-warn:        #b45309;
  --ez-warn-bg:     #fffbeb;
  --ez-warn-border: #fde68a;

  --ez-bad:        #be123c;
  --ez-bad-bg:     #fff1f2;
  --ez-bad-border: #fecdd3;

  --ez-info:        #0369a1;
  --ez-info-bg:     #f0f9ff;
  --ez-info-border: #bae6fd;

  /* ── ٤. الأسطح والحبر ───────────────────────────────────────────────── */
  --ez-bg:            var(--ez-n-25);
  --ez-surface:       var(--ez-n-0);
  --ez-surface-2:     var(--ez-n-50);
  --ez-surface-3:     var(--ez-n-100);
  --ez-border:        var(--ez-n-100);
  --ez-border-strong: var(--ez-n-200);

  --ez-ink:   var(--ez-n-900);
  --ez-ink-2: var(--ez-n-600);
  --ez-ink-3: var(--ez-n-500);
  --ez-ink-4: var(--ez-n-400);

  /* ── ٥. الخطوط ──────────────────────────────────────────────────────── */
  --ez-font-ui:      "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
  --ez-font-display: "Readex Pro", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --ez-font-mono:    ui-monospace, "Cascadia Code", Consolas, monospace;

  --ez-fs-caption: 12px;
  --ez-fs-meta:    13px;
  --ez-fs-body:    15px;
  --ez-fs-lead:    17px;
  --ez-fs-h3:      20px;
  --ez-fs-h2:      26px;
  --ez-fs-h1:      32px;
  --ez-fs-display: 42px;

  --ez-lh-tight: 1.35;
  --ez-lh-body:  1.75;

  --ez-fw-regular: 400;
  --ez-fw-semi:    600;
  --ez-fw-bold:    700;

  /* ── ٦. المسافات (شبكة ٤) ──────────────────────────────────────────── */
  --ez-s-1:  4px;
  --ez-s-2:  8px;
  --ez-s-3:  12px;
  --ez-s-4:  16px;
  --ez-s-5:  20px;
  --ez-s-6:  24px;
  --ez-s-8:  32px;
  --ez-s-10: 40px;
  --ez-s-12: 48px;
  --ez-s-16: 64px;
  --ez-s-20: 80px;

  /* ── ٧. الاستدارة ──────────────────────────────────────────────────── */
  --ez-r-xs:   6px;
  --ez-r-sm:   10px;
  --ez-r-md:   12px;
  --ez-r-lg:   16px;
  --ez-r-xl:   22px;
  --ez-r-pill: 999px;

  /* ── ٨. الارتفاع البصري ────────────────────────────────────────────── */
  --ez-e-1: 0 1px 2px rgba(23, 20, 18, .05);
  --ez-e-2: 0 6px 18px -6px rgba(23, 20, 18, .12);
  --ez-e-3: 0 24px 56px -28px rgba(23, 20, 18, .26);

  /* ── ٩. الحركة ─────────────────────────────────────────────────────── */
  --ez-d-fast: 120ms;
  --ez-d-base: 200ms;
  --ez-d-slow: 320ms;
  --ez-ease:      cubic-bezier(.2, .8, .2, 1);
  --ez-ease-out:  cubic-bezier(.16, 1, .3, 1);

  /* ── ١٠. التركيز وإتاحة الوصول ─────────────────────────────────────── */
  --ez-ring:        0 0 0 3px rgba(5, 150, 105, .28);
  --ez-ring-width:  2px;
  --ez-tap:         44px;   /* أدنى مساحة لمس */

  /* ── ١١. التخطيط ───────────────────────────────────────────────────── */
  --ez-container: 1180px;
  --ez-gutter:    clamp(16px, 4vw, 32px);
  --ez-safe-b:    env(safe-area-inset-bottom, 0px);

  /* ستة مستويات فقط، بدل ١١ طابقًا موزّعة في اللوحة */
  --ez-z-sticky: 10;
  --ez-z-nav:    20;
  --ez-z-dock:   25;
  --ez-z-drawer: 30;
  --ez-z-modal:  40;
  --ez-z-toast:  50;
}

/* ── النمط الداكن: يعيد تعيين الأسطح والحبر فقط، لا العلامة ──────────── */
[data-ezd-scheme="dark"] {
  color-scheme: dark;

  --ez-bg:            #0b0a09;
  --ez-surface:       #14120f;
  --ez-surface-2:     #1b1815;
  --ez-surface-3:     #241f1b;
  --ez-border:        #2c2621;
  --ez-border-strong: #3a332c;

  --ez-ink:   #f7f5f3;
  --ez-ink-2: #cdc7bf;
  --ez-ink-3: #a8a29a;
  --ez-ink-4: #7a746c;

  --ez-brand-fill:  var(--ez-brand-600);
  --ez-brand-press: var(--ez-brand-700);
  --ez-brand-soft:  rgba(4, 120, 87, .14);

  --ez-ok-bg:     rgba(4, 120, 87, .14);
  --ez-warn-bg:   rgba(180, 83, 9, .14);
  --ez-bad-bg:    rgba(190, 18, 60, .14);
  --ez-info-bg:   rgba(3, 105, 161, .16);
  --ez-ok-border:   rgba(4, 120, 87, .38);
  --ez-warn-border: rgba(180, 83, 9, .38);
  --ez-bad-border:  rgba(190, 18, 60, .38);
  --ez-info-border: rgba(3, 105, 161, .42);

  --ez-e-1: 0 1px 2px rgba(0, 0, 0, .5);
  --ez-e-2: 0 8px 24px -8px rgba(0, 0, 0, .6);
  --ez-e-3: 0 30px 70px -30px rgba(0, 0, 0, .8);

  --ez-ring: 0 0 0 3px rgba(16, 185, 129, .34);
}

/* احترام تفضيل تقليل الحركة — إلزامي في كل مكوّن */
@media (prefers-reduced-motion: reduce) {
  :root {
    --ez-d-fast: 0ms;
    --ez-d-base: 0ms;
    --ez-d-slow: 0ms;
  }
}

/* عزل اتجاهي للأرقام والأسعار داخل السياق العربي */
.ezd-bdi {
  unicode-bidi: isolate;
  direction: ltr;
}

/* أدوات مساعدة صغيرة — لا تتجاوز أي نمط قائم */
.ezd-num { font-variant-numeric: tabular-nums; }

.ezd-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}