/*
   AZR Design Tokens · foundation layer for v.05.0 — 2026-08-03
   الأساس المشترك بين الأطلس ومذكرات آزر الداخلية: ورق دافئ، حبر كحلي،
   ولافندر #967BB6 كمرساة. الأطلس يضيف --hot ونظام لون مفهوم العميل.

   القرارات التاريخية والألوان المتقاعدة محفوظة في DECISIONS.md والأرشيف فقط.
   لا تعاد كتابتها هنا كي يبقى ملف التوكنز الحي خالياً من أي مرجع قابل للنسخ
   إلى جيل سابق. لون المفهوم يخص العميل ويضبطه محرك الأطلس.
*/
:root{
  /* ── FOUNDATIONS · 60% (ورق دافئ + حبر كحلي) */
  --cream:#F2EDE3;      /* الخلفية الأساسية */
  --paper:#FBF7EE;      /* سطح مرفوع */
  --paper-2:#F4EFE5;
  --ink:#0A1628;        /* النص · حبر كحلي */
  --ink-deep:#050B14;   /* أعمق خلفية كحلية */
  --ink-warm:#1B1815;   /* حبر دافئ (جسم الموقع) */
  --mut:#6B5E47;        /* نص باهت دافئ */
  --mut-2:#7A7268;
  --rule:#D8CFB8;       /* خط شعري على الورق */

  /* ── BRAND · 30% — لافندر آزر، المرساة p-500 = #967BB6 (أكسنت لا فيضان) */
  --p50:#F3EFF7;  --p100:#E6DEEE; --p200:#D3C6E0; --p300:#BEAACF; --p400:#AB93C2;
  --p500:#967BB6; /* ★ مرساة آزر — بنفسجي الموقع الحقيقي */
  --p600:#7C6199; --p700:#614A78; --p800:#473658; --p900:#2D2238;
  --azr:var(--p500); --azr-deep:var(--p700); --azr-soft:var(--p200);
  --accent:var(--p500);

  /* ── CONCEPT · 8% — لون المفهوم يُختار أول خطوة من المفهوم نفسه (لا قائمة
     قطاعات). يُضبط مرة واحدة على جذر العرض. الافتراضي لافندر آزر. */
  --concept:var(--p500); --concept-deep:var(--p700); --concept-soft:var(--p200);

  /* ── HELPER · 2% */
  --alert:#BE2C2C; --success:#1A8C5C;
  --uncertain-bg:#F3E2D8; --uncertain-ink:#9A5630;
  --uncertain-on-dark-bg:rgba(243,226,216,.16); --uncertain-on-dark-ink:#E6B58C;
  --neutral-bg:#EEE7D6; --positive-bg:#E7F0E8; --positive-ink:#3A6B46;
  --text-on-dark-soft:#E8E2D6;

  /* ── TYPE — Tajawal (عربي) · Inter (لاتيني) · Instrument Serif (italic عرض/أرقام لاتيني) · JetBrains Mono (labels لاتيني) */
  --ar:'Tajawal',sans-serif;
  --en:'Inter','Tajawal',sans-serif;
  --serif:'Instrument Serif','Tajawal',serif;
  --mono:'JetBrains Mono','Tajawal',monospace;

  /* ── EDITORIAL SCALE (fluid via clamp) */
  --d1:clamp(64px,9vw,128px); --d2:clamp(56px,7.5vw,108px);
  --h1:clamp(44px,5vw,72px);  --h2:clamp(34px,3.4vw,48px); --h3:clamp(28px,2.6vw,36px);
  --h4:24px; --lede:22px; --body:18px; --small:14px; --label:13px;

  /* ── SPACING — سلّم تحريري لين (لا مضاعفات 8 صارمة) */
  --space-0:0; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:20px;
  --space-5:32px; --space-6:48px; --space-7:72px; --space-8:104px; --space-9:144px;
  --container:1240px; --gutter:clamp(24px,6vw,100px);

  /* ── GEOMETRY — حواف ناعمة */
  --radius-sm:6px; --radius-md:12px; --radius-lg:20px; --radius-pill:999px;
  --stroke-hair:1px; --stroke-icon:1.5px;
  --shadow-sm:0 1px 2px rgba(10,22,40,.04); --shadow-md:0 4px 16px rgba(10,22,40,.06); --shadow-lg:0 18px 48px rgba(10,22,40,.10);

  /* ── MOTION — هادئة، تيسير واحد */
  --dur-1:140ms; --dur-2:260ms; --dur-3:480ms;
  --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1);
}
/* فونتس Google:
   Tajawal:wght@300;400;500;700;800 &family=Inter:wght@300;400;500;600;700
   &family=Instrument+Serif:ital@0;1 &family=JetBrains+Mono:wght@400;500 */