/* ============================================================================
   منصة التطوير العقاري — توكنز الهوية (المصدر الواحد)
   DEC-180: لوحة Claude المعتمدة (أحمد، تلغرام 44 «اعتمد 11 كلود») · 2026-07-26
   ----------------------------------------------------------------------------
   قاعدة الاستخدام: لا لون ولا مقاس صريح داخل أي مكوّن — كله من هنا.
   أي قيمة صريحة في components.css أو بأي صفحة = مخالفة تُصحَّح.
   ========================================================================== */

:root {
  /* ---------- الأسطح والنص (فاتح — الوضع الأساسي) ---------- */
  --bg:            #FAF9F5;  /* خلفية الصفحة — كريمي دافئ */
  --surface:       #FFFFFF;  /* البطاقات واللوحات */
  --surface-2:     #F0EEE6;  /* أسطح غائرة: أشرطة التقدم، الحقول، الرؤوس */
  --surface-3:     #E8E5DA;  /* حدّ أعلى للغائر — الفواصل الثقيلة */

  --ink:           #141413;  /* النص الأساسي — تباين 15.8:1 على --bg */
  --ink-2:         #3D3D3A;  /* عناوين ثانوية */
  --muted:         #6F6E69;  /* نص ثانوي — 5.4:1 على --bg (يتجاوز AA) */
  --faint:         #96948C;  /* تلميحات — للنص الكبير فقط، لا لنص الجسم */

  --border:        #E5E3DC;  /* الحد الافتراضي */
  --border-strong: #D3D0C6;  /* حدود الحقول والعناصر التفاعلية */

  /* ---------- اللكنة (واحدة فقط — قاعدة الهوية) ---------- */
  --accent:        #D97757;  /* الصدئ — الأزرار والروابط والمؤشرات */
  --accent-hover:  #C25F3F;
  --accent-press:  #A94E31;
  --accent-ink:    #FFFFFF;  /* النص فوق اللكنة — 3.5:1، للنص العريض 14pt+ فقط */
  --accent-soft:   #FBEEE8;  /* خلفية خفيفة للكنة */
  --accent-line:   #F0D3C6;  /* حد بلون اللكنة */

  /* ---------- ألوان الحالة ----------
     🔴 ملزم: لا تُستخدم وحدها أبداً — كل حالة معها أيقونة ونص.
     السبب: --danger و --accent كلاهما دافئ، والتمييز باللون وحده يفشل
     على شاشة سيئة أو لعين لا تميّز الأحمر (قاعدة color-not-only). */
  --ok:            #3F7A5A;  --ok-soft:      #E8F2EC;
  --warn:          #9A6B1E;  --warn-soft:    #FAF0DC;
  --danger:        #A32E22;  --danger-soft:  #F8E7E4;
  --info:          #3B5F91;  --info-soft:    #E9EFF7;

  /* ---------- حاجز القرار (خاص بالمنصة) ----------
     يعكس مخرج decision_gate — ولا يخرج أخضر على أرقام معلومة النقص. */
  --gate-pass:  var(--ok);
  --gate-review: var(--warn);
  --gate-fail:  var(--danger);

  /* ---------- قوة الدليل (DEC-171) ---------- */
  --ev-strong: var(--ok);
  --ev-medium: var(--warn);
  --ev-weak:   var(--danger);

  /* ---------- الخطوط ---------- */
  --font: 'Tajawal', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-num: 'Tajawal', ui-monospace, monospace;   /* أرقام جدولية */

  /* سُلّم مقاسات — لا مقاس خارجه */
  --t-xs:   0.75rem;   /* 12px — وسوم فقط، لا نص جسم */
  --t-sm:   0.875rem;  /* 14px */
  --t-base: 1rem;      /* 16px — أساس الجسم */
  --t-lg:   1.125rem;  /* 18px */
  --t-xl:   1.375rem;  /* 22px */
  --t-2xl:  1.75rem;   /* 28px */
  --t-3xl:  2.25rem;   /* 36px */
  --t-4xl:  3rem;      /* 48px — الهيرو */

  --w-normal: 400;
  --w-medium: 500;
  --w-bold:   700;
  --w-black:  900;

  --lh-tight: 1.3;   /* العناوين */
  --lh-body:  1.75;  /* العربية تحتاج تنفّساً أكثر من اللاتينية */

  /* ---------- المسافات (سُلّم 4px) ---------- */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 3rem;     --s-8: 4rem;  --s-9: 6rem;

  /* ---------- الحواف ---------- */
  --r-sm: 6px;  --r-md: 10px;  --r-lg: 14px;  --r-xl: 20px;  --r-full: 999px;

  /* ---------- الظلال (دافئة لا رمادية — الرمادي يبرّد الكريمي) ---------- */
  --sh-1: 0 1px 2px rgba(60, 50, 40, .06);
  --sh-2: 0 2px 8px rgba(60, 50, 40, .08);
  --sh-3: 0 8px 24px rgba(60, 50, 40, .10);

  /* ---------- الحركة ---------- */
  --dur-fast: 120ms;  --dur:  200ms;  --dur-slow: 320ms;
  --ease: cubic-bezier(.4, 0, .2, 1);

  /* ---------- الطبقات ---------- */
  --z-base: 0;  --z-sticky: 100;  --z-overlay: 400;  --z-modal: 500;  --z-toast: 700;

  /* ---------- العرض ---------- */
  --maxw: 1200px;
  --maxw-text: 68ch;   /* حد طول السطر المقروء */
}

/* ============================================================================
   الوضع الداكن — مقصور على أسطح عرض الوسائط (الاستديو / معاينة الريندر)
   ----------------------------------------------------------------------------
   🔴 ليس ثيماً كاملاً للمنصة، ولم يعتمده أحمد. المعتمد هو الفاتح (DEC-180).
   مبرّره الوحيد: صور 8K والأفلام تُقرأ على الفاتح أضعف بكثير — والاستديو
   وجهة عرض لا وجهة قراءة. يُطبَّق بإضافة .surface-dark على الحاوية فقط.
   ========================================================================== */
.surface-dark {
  --bg:            #1A1917;
  --surface:       #232220;
  --surface-2:     #2D2B28;
  --surface-3:     #3A3733;
  --ink:           #F5F4EF;
  --ink-2:         #DAD8D1;
  --muted:         #A3A099;
  --faint:         #7A7770;
  --border:        rgba(255, 255, 255, .10);
  --border-strong: rgba(255, 255, 255, .18);
  --accent-soft:   rgba(217, 119, 87, .14);
  --accent-line:   rgba(217, 119, 87, .32);
  --ok-soft:       rgba(63, 122, 90, .16);
  --warn-soft:     rgba(154, 107, 30, .16);
  --danger-soft:   rgba(163, 46, 34, .16);
  --info-soft:     rgba(59, 95, 145, .16);
  --sh-1: 0 1px 2px rgba(0, 0, 0, .40);
  --sh-2: 0 2px 8px rgba(0, 0, 0, .45);
  --sh-3: 0 8px 24px rgba(0, 0, 0, .55);
  background: var(--bg);
  color: var(--ink);
}

/* احترام تقليل الحركة — إلزامي */
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur: 0ms; --dur-slow: 0ms; }
}