/**
 * رموزُ هوية رواق — **المصدرُ الوحيد**.
 *
 * ══════════════════════════════════════════════════════════════════════
 * لماذا ملفٌّ مستقلّ
 * ══════════════════════════════════════════════════════════════════════
 * الموقعُ العامّ يحمّل `style.css`، وتطبيقُ البوابات لا يحمّلها — مستندُه عارٍ
 * عمدًا (بلا `get_header`) لئلّا تأتي زينةُ الموقع فوق تطبيقٍ له تنقّلُه.
 *
 * فكتبتُ الرموزَ مرّتين، **فأمسكني الحارسُ بثلاث مخالفات**: هيكسٌ خارج المصدر،
 * وملفٌّ يتجاوز رموزَ المالك، ونسختان افترقتا (فراغاتٌ في `rgba` كانت كافية).
 *
 * والتكرارُ لا يُحرَس بل يُزال. فصارت الرموزُ هنا، ويحمّلها **الاثنان**: الثيمُ
 * قبل ورقته، والتطبيقُ في وسمه. ملفٌّ صغيرٌ يُخزَّن مؤقّتًا مرّةً ويُعاد استعمالُه
 * في الموقع والتطبيق معًا.
 *
 * ولا يُضاف رمزٌ في غير هذا الملفّ.
 */

/* ============================================================
   نظام التصميم — Design tokens (الهوية المركزية)
   القيم الفعلية تُحقن من إعدادات الثيم عبر inc/brand.php،
   وهذه قيم افتراضية آمنة.
   ============================================================ */
:root{
  --rw-primary:#3b82f6;
  --rw-secondary:#06b6d4;
  --rw-accent:#10b981;
  --rw-bg:#0a0f1e;
  --rw-surface:#111827;
  --rw-surface-2:#1a2235;
  --rw-text:#f0f6ff;
  --rw-text-2:rgba(160,180,204,.9);
  --rw-text-3:rgba(120,140,168,.75);
  --rw-border:rgba(255,255,255,.08);
  --rw-red:#ef4444;
  --rw-yellow:#f59e0b;
  /* لونُ النصِّ فوق سطحٍ أوّليّ — رمزٌ لأنّه يتبدّل مع الهوية لا مع القاعدة */
  --rw-on-primary:#fff;
  /* خلفيّةُ مشغّلِ الفيديو — **أسودُ دائمًا** في الوضعين: الشريطُ يُعرَض على
     أسودَ لا على لون الهوية، وتبديلُه يغيّر الصورةَ المدرَكة للفيديو نفسِه. */
  --rw-video-bg:#000;
  /* أسطحُ الزجاج: الشريطُ السفليُّ وخلفيّةُ النافذة. كانت `rgba` مثبَّتةً
     تحمل لونَ الخلفية الداكن في جسدها، فلا تنقلب مع الوضع. */
  --rw-glass:rgba(10,15,30,.96);
  --rw-scrim:rgba(3,7,18,.72);
  --rw-radius:14px;
  --rw-radius-sm:10px;
  --rw-shadow:0 10px 34px rgba(0,0,0,.35);
  /* الخطُّ العربيّ — اسمٌ واحدٌ تشتقّ منه كلُّ مكدّسات الخطوط.
     وهذه القيمةُ احتياطٌ لِمَن يحمّل الرموزَ وحدَها (تطبيقُ البوابات)؛
     المصدرُ الحيُّ `mg_font_ar()` في `inc/mg-brand.php` يحقنها في الترويسة. */
  --rw-font-ar:'Alexandria';
  --rw-font:var(--rw-font-ar),system-ui,'Segoe UI',Tahoma,sans-serif;
}

/* ============================================================
   الوضع النهاريّ  (#55 · T-2)
   ------------------------------------------------------------
   رواق **داكنٌ أوّلًا**: هويّتُه المحفوظة في الإعدادات داكنة، وهي الافتراض.
   فما يُضاف هنا ليس «وضعًا ليليًّا» بل نهاريًّا — والفرقُ ليس لفظيًّا: يعني
   أنّ `:root` العاري يبقى داكنًا، فلا نعيد ترتيب ما بُني عليه كلِّه.

   ثلاثُ حالاتٍ لا حالتان:
     ١. لا اختيار (`data-theme` غائبة) → يحكم نظامُ التشغيل.
     ٢. اختار نهاريًّا → `[data-theme="light"]` يتغلّب على النظام.
     ٣. اختار ليليًّا  → لا شيءَ يُعرَّف، فيعود إلى `:root` الداكن.

   **ولا لونَ يُعرَّف هنا لأوّلِ مرّة** — كلُّ ما في الكتلتين إعادةُ تعريفٍ
   لرمزٍ موجودٍ في `:root` أعلاه. رمزٌ يُعرَّف في وضعٍ واحدٍ فقط يعطي نصًّا
   أبيضَ على أبيض، ولذلك يفحصه حارسُ البنية من اليوم.
   ============================================================ */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --rw-bg:#f7f9fc;
    --rw-surface:#ffffff;
    --rw-surface-2:#eef2f8;
    --rw-text:#0d1526;
    --rw-text-2:rgba(58,74,100,.92);
    --rw-text-3:rgba(96,114,142,.85);
    --rw-border:rgba(13,21,38,.11);
    --rw-glass:rgba(255,255,255,.96);
    --rw-scrim:rgba(13,21,38,.44);
    --rw-shadow:0 10px 30px rgba(13,21,38,.10);
  }
}
:root[data-theme="light"] {
  --rw-bg:#f7f9fc;
  --rw-surface:#ffffff;
  --rw-surface-2:#eef2f8;
  --rw-text:#0d1526;
  --rw-text-2:rgba(58,74,100,.92);
  --rw-text-3:rgba(96,114,142,.85);
  --rw-border:rgba(13,21,38,.11);
  --rw-glass:rgba(255,255,255,.96);
  --rw-scrim:rgba(13,21,38,.44);
  --rw-shadow:0 10px 30px rgba(13,21,38,.10);
}

/**
 * إخفاءٌ بصريٌّ لا إخفاءٌ من القارئ.
 *
 * كانت معرَّفةً في `mg-assistant.css` وحدَها — وتلك ورقةٌ **مشروطة**: لا
 * تُحمَّل إن أُطفئ المساعد. فأيُّ عنصرٍ آخرَ يستعملها ينكشف نصُّه فجأةً حين
 * يُطفَأ شيءٌ لا علاقةَ له به. وقد وقع: أسماءُ المنصّات ظهرت بجانب أيقوناتها.
 *
 * فموضعُها هنا: الرموزُ تُحمَّل في كلِّ صفحةٍ وفي تطبيق البوابات وحدَه.
 */
.mg-sr, .rw-visually-hidden {
  position:absolute !important; width:1px; height:1px;
  margin:-1px; padding:0; border:0; overflow:hidden;
  clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
}

/* ============================================================
   رموزُ علامة محمد جمال — `--mg-*`
   ------------------------------------------------------------
   كانت في `assets/css/mg-home.css` وحدَها، وتلك ورقةٌ **مشروطةٌ
   بالرئيسيّة**. فصفحةُ الكورس — وهي التي يُشترى منها — لم تكن تصلها،
   فكُتبت ألوانُها هيكساتٍ مثبَّتةً في `inc/mg-brand.php`.

   وهيكسٌ مثبَّتٌ لا يعرف وضعًا نهاريًّا: قِيس فصارت الرئيسيّةُ `#F5F2EA`
   وقائمةُ الكورسات `#F7F9FC` **وصفحةُ الكورس `#0A0A0C`** — ثلاثُ خلفيّاتٍ
   في أربع صفحات، وأغربُها في صفحة الشراء.

   فموضعُها هنا: الرموزُ تُحمَّل في كلِّ صفحةٍ وفي تطبيق البوابات وحدَه،
   فتبلغ كلَّ صفحةٍ عامّةٍ وتتبع الوضعَ معها.
   ============================================================ */
:root {
  --mg-bg:#0A0A0C;
  --mg-bg-2:#101014;
  --mg-panel:#141419;
  --mg-ink:#F4F1EA;
  --mg-muted:#A8A49C;
  --mg-line:rgba(244,241,234,.10);
  --mg-acc:#FF4D1C;
  --mg-acc-2:#7C3AED;
  --mg-grad:linear-gradient(100deg,#FF4D1C,#FF7A3D 35%,#A855F7 80%);

  /**
   * سلَّمُ المسافات — **قيمةٌ لكلِّ درجة، لا درجةٌ لكلِّ قيمة**.
   *
   * الجردُ وجد ٤٠ قيمةً مختلفةً في ٤٥٩ موضعًا، وفي الكبير منها ستَّ
   * عشرةَ قيمةً تؤدّي المعنى نفسَه: ٢٤·٢٦·٢٨·٣٠·٣٤·٣٨·٤٠·٤٤·٤٨·٥٦·
   * ٦٠·٦٤·٧٠·٨٤·٩٦·١٣٠ — سلَّمٌ متّصلٌ بلا درجات، أي لا سلَّم.
   *
   * وأثرُه لا يُرى في لقطةٍ بل في الإحساس: قسمٌ يتنفّس ٧٠ وآخرُ ٦٤
   * وثالثٌ ٨٤، فلا يستقرّ الإيقاعُ على شيء.
   *
   * والسلَّمُ يتضاعف تقريبًا: كلُّ درجةٍ تُميَّز عن جارتها بالنظر، فلا
   * يقع الاختيارُ بين ٣٤ و٣٦ — وهو اختيارٌ بلا معنًى يستهلك قرارًا.
   *
   * ما دون ٢٤ تفصيلُ مكوّنٍ لا مسافةَ موقع (فجواتُ الشارات والأزرار)،
   * وهو مُعرَّفٌ هنا للبناء عليه ولم يُحرَّك فيما هو قائم.
   */
  --mg-s-1:4px;   --mg-s-2:8px;   --mg-s-3:12px;  --mg-s-4:16px;
  --mg-s-5:20px;  --mg-s-6:24px;  --mg-s-7:28px;  --mg-s-8:32px;
  --mg-s-9:40px;  --mg-s-10:48px; --mg-s-11:56px; --mg-s-12:64px;
  --mg-s-13:80px; --mg-s-14:96px; --mg-s-15:128px;

  /**
   * رمزان **لا يتبدّلان مع الوضع** — وهذا مقصود.
   *
   * `--mg-on-acc` نصٌّ فوق تدرّج العلامة، والتدرّجُ برتقاليٌّ ليلًا ونهارًا،
   * فنصُّه داكنٌ في الحالين. و`--mg-paper` ورقةُ غلاف البودكاست: لونُ
   * العملِ الفنّيِّ نفسِه، لا لونُ الصفحة. فقلبُهما مع الوضع يعطي نصًّا
   * فاتحًا على برتقاليّ، وغلافًا بخلفيّةٍ ليست خلفيّتَه.
   */
  --mg-on-acc:#0A0A0C;
  --mg-paper:#F4F1EA;

  --mg-stroke-ink:rgba(244,241,234,.9);   /* حدُّ النصِّ المفرَّغ */
  --mg-stroke-soft:rgba(244,241,234,.55);
  --mg-stroke-faint:rgba(244,241,234,.10);
  --mg-grain:.055;
  --mg-photo:grayscale(45%) contrast(1.08) drop-shadow(0 0 110px rgba(255,77,28,.30));
  --mg-glow:radial-gradient(700px circle at 76% 42%,rgba(255,77,28,.22),transparent 55%),
            radial-gradient(600px circle at 68% 75%,rgba(124,58,237,.22),transparent 60%);
  --mg-fill-soft:rgba(255,77,28,.06);

  --mg-t-xs:12px;  --mg-t-sm:13.5px; --mg-t-base:16px;
  --mg-t-md:18px;  --mg-t-card:20px;
  --mg-t-sec:clamp(32px,4.2vw,52px);

  /* أسرةٌ واحدةٌ للعرض وللنصّ — يفرّقهما الوزنُ لا الخطّ.
     ومصدرُ الاسمِ `--rw-font-ar` (انظر `inc/mg-brand.php`)، فلا يُكتَب هنا. */
  --mg-disp:var(--rw-font-ar,'Alexandria'),system-ui,sans-serif;
  --mg-body:var(--rw-font-ar,'Alexandria'),system-ui,sans-serif;
  --mg-mono:'Space Grotesk',var(--rw-font-ar,'Alexandria'),ui-monospace,monospace;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --mg-bg:#F5F2EA;
    --mg-bg-2:#EDEAE0;
    --mg-panel:#FFFFFF;
    --mg-ink:#16161A;
    --mg-muted:#5F5C55;
    --mg-line:rgba(22,22,26,.14);
    --mg-stroke-ink:rgba(22,22,26,.9);
    --mg-stroke-soft:rgba(22,22,26,.45);
    --mg-stroke-faint:rgba(22,22,26,.10);
    --mg-grain:.04;
    --mg-photo:grayscale(40%) contrast(1.05) drop-shadow(0 0 80px rgba(255,77,28,.22));
    --mg-glow:radial-gradient(700px circle at 76% 42%,rgba(255,77,28,.12),transparent 55%),
              radial-gradient(600px circle at 68% 75%,rgba(124,58,237,.10),transparent 60%);
    --mg-fill-soft:rgba(255,77,28,.08);
  }
}
:root[data-theme="light"] {
  --mg-bg:#F5F2EA;
  --mg-bg-2:#EDEAE0;
  --mg-panel:#FFFFFF;
  --mg-ink:#16161A;
  --mg-muted:#5F5C55;
  --mg-line:rgba(22,22,26,.14);
  --mg-stroke-ink:rgba(22,22,26,.9);
  --mg-stroke-soft:rgba(22,22,26,.45);
  --mg-stroke-faint:rgba(22,22,26,.10);
  --mg-grain:.04;
  --mg-photo:grayscale(40%) contrast(1.05) drop-shadow(0 0 80px rgba(255,77,28,.22));
  --mg-glow:radial-gradient(700px circle at 76% 42%,rgba(255,77,28,.12),transparent 55%),
            radial-gradient(600px circle at 68% 75%,rgba(124,58,237,.10),transparent 60%);
  --mg-fill-soft:rgba(255,77,28,.08);
}

/* صفحاتُ الواجهة: رموزُ المنصّة تشير إلى رموز العلامة (انظر `mg-brand.php`) */
body.mg-public{
  --rw-bg:var(--mg-bg);
  --rw-surface:var(--mg-panel);
  --rw-surface-2:var(--mg-bg-2);
  --rw-text:var(--mg-ink);
  --rw-text-2:var(--mg-muted);
  --rw-text-3:var(--mg-muted);
  --rw-border:var(--mg-line);
}