/* ═══════════════════════════════════════════════════════════════════════════
   sketch — Design Tokens
   المصدر الوحيد للحقيقة بخصوص اللون والخط والمسافة.
   أي صفحة جديدة تستورد هذا الملف أولًا. لا قيم صريحة (hex/px) خارج هنا
   إلا لضرورة موثّقة.
   المرجع: README §2 — الهوية البصرية
   ═════════════════════════════════════════════════════════════════════════ */

:root{
  /* ── اللون ─────────────────────────────────────────────────────────────
     القاعدة الذهبية: ٩٥٪ محايد + ٥٪ بنفسجي.
     البنفسجي توقيع — لا يُستخدم كخلفية كبيرة إلا باستثناء موثّق. */
  --ink:          #0a0a0a;
  --ink-soft:     #1a1a1a;
  --paper:        #f6f4f1;
  --paper-dim:    #ece9e4;
  --white:        #ffffff;

  --violet:       #6d28ff;
  --violet-deep:  #4a17c4;
  --violet-soft:  #efe7ff;

  --grey:         #8a8781;
  --grey-on-dark: #a8a49c;
  --text-muted:   #c9c6c0;
  --line:         #d8d4cc;
  --line-dark:    rgba(246,244,241,.14);

  /* حالات دلالية */
  --ok:           #2f7d4f;
  --err:          #c0392b;

  /* ── الخطوط ─────────────────────────────────────────────────────────────
     Alexandria بديل مؤقت لخط «ثمانية» — انظر README §2 */
  --font-ar:      'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-display: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif;
  --font-en:      'Instrument Sans', system-ui, sans-serif;
  --font-serif:   'Instrument Serif', Georgia, serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* ── المقياس الطباعي (سلس مع عرض الشاشة) ────────────────────────────── */
  --fs-hero:      clamp(64px, 12vw, 168px);
  --fs-title:     clamp(30px, 4.2vw, 50px);
  --fs-concept:   clamp(24px, 3.6vw, 42px);
  --fs-lead:      17px;
  --fs-body:      14.5px;
  --fs-mono:      12px;

  /* ── المسافات ──────────────────────────────────────────────────────── */
  --space-section: 120px;
  --space-gutter:  6vw;
  --wrap-max:      1240px;

  /* ── الحدود والحركة ────────────────────────────────────────────────── */
  --radius:       2px;
  --radius-lg:    4px;
  --ease:         cubic-bezier(.65, 0, .35, 1);
  --ease-spring:  cubic-bezier(.34, 1.56, .64, 1);
  --dur-fast:     .25s;
  --dur-base:     .35s;
  --dur-slow:     .8s;

  --z-header:     100;
  --z-drawer:     150;
}

/* تقليل الحركة — احترام إعداد نظام المستخدم */
@media (prefers-reduced-motion: reduce){
  :root{
    --dur-fast: .001ms;
    --dur-base: .001ms;
    --dur-slow: .001ms;
  }
}

@media (max-width: 620px){
  :root{ --space-section: 80px; }
}