/* منجزي — نظام التصميم v1 (دفتر الحكايات) — رموز التصميم.
   لا ظلال ولا تمويه. العمق بالحدود السميكة والميلان البسيط واللون المسطح. */
:root{
  /* الألوان: ورق دافئ + حبر + خمسة ألوان لعب */
  --paper:#EFEBE4;        /* الخلفية: رصاصي فاتح دافئ، ليس أبيض */
  --card:#FBF9F5;         /* سطح البطاقة */
  --ink:#2B2320;          /* النص والحدود */
  --ink-2:#6B5E57;        /* نص ثانوي (تباين 5.6:1 على الورق) */
  --line:#D9D2C7;         /* فواصل خفيفة */
  --sun:#FFC83D;  --sun-s:#FFF0C2;     /* أصفر شمس */
  --tang:#F26B3A; --tang-s:#FFDCCB;    /* برتقالي مندرين */
  --mint:#3FB594; --mint-s:#CFEFE4;    /* نعناع */
  --berry:#D6457A;--berry-s:#F8D3E1;   /* توت */
  --sky:#5AA9E6;  --sky-s:#D3E8FA;     /* سماء */
  --focus:#2B2320;
  /* الخطوط */
  --f-display:'Baloo Bhaijaan 2','Cairo',system-ui,sans-serif;
  --f-body:'Readex Pro','Cairo',system-ui,sans-serif;
  --f-code:ui-monospace,Menlo,monospace;
  --t-hero:clamp(2.4rem,7vw,4.5rem);  --t-h1:clamp(1.9rem,4.5vw,3rem);
  --t-h2:clamp(1.4rem,3vw,2rem);     --t-h3:1.25rem;
  --t-body:1.0625rem; --t-small:.9375rem; --t-tag:.8125rem;
  --lh-tight:1.25; --lh-body:1.8;
  /* المسافات: وحدة 4 */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;
  --gap:clamp(16px,3vw,28px); --pad:clamp(18px,3vw,28px);
  /* الزوايا والحدود */
  --r-s:12px;--r-m:20px;--r-l:28px;--r-pill:999px;
  --bw:2px;               /* سمك الحد */
  --tilt:-1.2deg;         /* ميلان الملصقات */
  /* الحركة: نطّ لطيف، وتتوقف مع تقليل الحركة */
  --ease-pop:cubic-bezier(.34,1.56,.64,1); --ease-out:cubic-bezier(.22,1,.36,1);
  --d1:140ms;--d2:240ms;--d3:420ms;
  --tap:48px;
}
@media (prefers-reduced-motion:reduce){:root{--d1:0ms;--d2:0ms;--d3:0ms}}