/* ═══════════════════════════════════════════════════════════════════ رموزُ البيت — لغةُ تصميمٍ واحدةٌ لثلاثة تطبيقات ═══════════════════════════════════════════════════════════════════ 🔴 **الفجوةُ التي أنشأتها — مقيسةٌ لا انطباع:** · المهامُّ على **Inter** (خطٌّ لاتينيٌّ في منتَجٍ عربيّ)، والمراجعةُ على «زين»، والدفاترُ على IBM Plex Arabic. · ألوانٌ خامٌ فريدة: المراجعة **٤** · المهامّ **١٦** · الدفاتر **٤٥**. · حوافُّ: المراجعةُ حادّةٌ عن قرار (`2px`)، والدفاترُ مستديرةٌ بثلاث درجات، والمهامُّ على افتراضِ Tailwind. ⟹ ثلاثُ شاشاتٍ تبدو من ثلاث شركات. ⭐ **والمرجعُ نظامُ المراجعة**: أربعةُ ألوانٍ خامٍ فقط، وخطٌّ عربيٌّ أصيل، وكلُّ رمزٍ فيه مشروحٌ برقمٍ مقيس. وهو الاتّجاهُ الذي اختاره المالكُ بنفسه: «مزاجُ مودبورد لا SaaS». ⚠️⚠️ **ويُوحَّد كلُّ شيءٍ إلّا اللونَ المميِّز.** الأخضرُ في الدفاتر **معنىً لا زينة** (مالٌ · صحّةٌ · مُصادَقٌ من هيئة الزكاة)، وصبغُه بلونِ تطبيقٍ آخرَ يخسر إشارةً حقيقيّة. وأنت تعرف أين أنت بلمحةٍ من اللون. الروحُ من الخطّ والإيقاع لا من اللون. ⟹ `--h-accent` يُعاد تعريفُه في كلّ قشرة، وما عداه واحد. ⚠️ **ولا يُستورَد هذا الملفُّ إلّا مرّةً واحدةً في كلّ قشرة**، قبل أنماطها — كي تبقى الأسبقيّةُ لها عند الحاجة إلى استثناء. ═══════════════════════════════════════════════════════════════════ */ :root { color-scheme: light; /* ── المحايدات: أحدَ عشرَ رمزاً، لا أكثر ────────────────────────── */ /* 🔴 **كانت الأرضيّةُ `#F2F2F2` هنا و`#EDEDEB` في البيت** — أي أنّ الصفحتَين المتجاورتَين تُرسَمان على رماديَّين مختلفَين. والفرقُ خمسُ درجاتٍ لا تُسمّى، **لكنّ العينَ تراها في الانتقال** فتقول «موقعٌ آخر». مقيسٌ في المتصفّح: 242,242,242 مقابل 237,237,235. ⭐ وسلّمُ ثلاثِ درجات: غرفةٌ أغمقُ ⟶ سطحٌ أبيض ⟶ بئرٌ بينهما. و«البئرُ» هنا `--h-sunken` (الرمادِيُّ الخافت)؛ و`--h-well` اسمٌ محجوزٌ منذ البداية لحجاب الوسائط الداكن، فلا يُدهَس. */ --h-room: #EDEDEB; /* أرضيّةُ الصفحة — الفراغُ حول اللوحات */ --h-chrome: #FFFFFF; /* السطحُ المرفوع — الشريطُ والبطاقة */ --h-paper: #FFFFFF; /* سطحُ العمل */ --h-sunken: #F7F7F5; /* بئرٌ داخل السطح — شريطُ الأرقام */ --h-well: #191919; /* حجابٌ خلف الوسائط — ثابتٌ في الوضعين */ --h-rule: #E4E4E0; /* خيطُ ١px داخل الأسطح */ --h-edge: #C9C9C3; /* حدُّ العنصر نفسِه */ --h-ink: #141414; /* النصُّ الأساس — 18.42:1 على الورقة */ --h-slate: #5F5F5C; /* الثانويّ — 6.14:1 على الغرفة */ --h-muted: #F7F7F5; /* أرضيّةٌ خافتةٌ داخل الأسطح */ /* ── الدلالة: معنىً لا مزاج ───────────────────────────────────── */ --h-good: #167C4A; /* نجاحٌ · مدفوعٌ · مُصادَق */ --h-warn: #A66A00; /* انتباهٌ · قاربَ الحدّ */ --h-bad: #B3261E; /* خطأٌ · متأخّرٌ · مرفوض */ --h-on-fill: #FFFFFF; /* نصٌّ فوق تعبئةٍ دلاليّة */ /* ── اللونُ المميِّز — ⏸ **موقوفٌ حتّى تُرسَم الهُويّة** ───────────── 🔴🔴🔴 **كانت أربعةَ ألوانٍ لأربعة منتَجات**: برتقاليٌّ للبيت (`#F36B21`) وأخضرُ للدفاتر (`#047E57`) وبنفسجيٌّ للعلاقات (`#7C5CFF`) وأزرقُ للمهامّ. وكلٌّ منها له تبريرٌ مكتوبٌ في ملفّه — **ومجموعُها أربعُ هُويّاتٍ لمنتَجٍ واحد**، وهو ما قاله المالك: «إحساسُ الألوان ما زال نفسَه». ⭐ **والقرار: لونٌ واحدٌ الآن، والهُويّةُ تُحدّد الألوانَ بعد رسمها.** والواحدُ هو الحبرُ نفسُه — لا لونٌ ثالثٌ يُخترَع ليُرمى. ⭐⭐⭐ **والمعرِّفُ يصير شكلاً لا لوناً**: لكلّ تطبيقٍ أيقونتُه واسمُه، وهما يميّزان بلا صبغة. واللونُ حين يعود يعود **فوق** تمييزٍ قائمٍ لا بدلاً منه. ⚠️ **والدلالةُ تبقى ملوّنةً**: أخضرُ «مدفوع» وأحمرُ «متأخّر» معنىً لا مزاج، ونزعُهما يحذف معلومةً لا زينة. ⭐⭐⭐ **٢٠٢٦-١٠-٠٩ — عاد اللونُ بطلب المالك، لكن عائلةً واحدةً لا أربعَ هُويّات.** رأى نموذجاً لكلّ منتَجٍ فيه لونُه الزاهي فقال: طبّقه في البيت والمنتَجات للتمييز. والفرقُ عمّا نُزع: · **عائلةٌ مصمَّمةٌ معاً** (‏‎`--h-p-*`‎ أدناه) بإضاءةٍ مقيسة — لا أربعةُ ألوانٍ لكلٍّ تبريرُه في ملفّه. · **هُويّةٌ فقط**: علامةُ المنتَج · اسمُه في المُبدِّل · بندُ التنقّل الحاليّ · خيطُ الترويسة · بطاقاتُه في البيت. · 🔴 **ولا يمسّ الأزرارَ ولا الحالةَ ولا المال**: الأصفرُ والأخضرُ والمرجانيُّ تجاور «انتباه/مدفوع/متأخّر»، فلونُ منتَجٍ على شارةِ حالةٍ يُقرأ حكماً. ⟹ `--h-accent` يبقى حبراً. · والبيتُ نفسُه حبرٌ محايد، وعلامتُه مربّعاتُ الأربعة. */ --h-accent: #141414; /* = الحبر — الأفعالُ لا تأخذ لونَ منتَج */ --h-accent-ink:#141414; /* توأمُه النصّيّ */ --h-on-accent: #FFFFFF; /* نصٌّ فوق التعبئة الحبريّة */ /* ── ألوانُ المنتَجات — هُويّةٌ لا معنى ────────────────────────── أربعةُ أدوارٍ لكلّ منتَج، والنِّسبُ مقيسةٌ (WCAG): · التعبئة — مربّعُ العلامة وخيطُ الترويسة. **ليست لونَ نصّ**. · الصبغة — أرضيّةُ البند الحاليّ. · الحبر — نصٌّ وأيقونةٌ بلون المنتَج (≥4.5:1 على الأبيض والصبغة). · فوقَها — ما يُرسَم على التعبئة والتدرّج. · التدرّج — مربّعُ العلامة والتبويبُ الحاليّ والزرُّ الأساسيّ (زجاج «د»). · الوهج — ظلُّ التدرّج الملوَّن تحته. ⭐⭐⭐ **١٠-١٢ — ألوانُ «د · زجاج» التي اعتمدها المالك** (نماذج P-*): HR ‎#3B78F2‎ · العلاقات ‎#0F9A63‎ · الدفاتر ‎#E14A1B‎ · المراجعة ‎#6A47F2‎ · المهامّ/المشاريع ‎#0890A3‎ — والبيتُ حبرٌ ‎#111827‎. ⚠️ **والأبيضُ فوق التدرّج هو التصميمُ المعتمد** (التبويبُ الحاليّ) والنسبةُ على الطرف الداكن: HR 4.07 · العلاقات 3.61 · الدفاتر 4.04 · المراجعة 5.53 · المهامّ 3.80. ‏≥3:1 للأيقونة والنصّ الكبير، **ودون 4.5 للنصّ 14px** — مسجَّلٌ في `docs/GLASS_SHELL.md` قراراً مفتوحاً، وظلُّ النصّ الخفيفُ في `.z-tab` يعينه ولا يُحتسَب. */ --h-p-work: #0890A3; --h-p-work-soft: #DAF2F5; --h-p-work-ink: #06707F; --h-p-work-on: #FFFFFF; /* حبرٌ 5.78/4.96 */ --h-p-crm: #0F9A63; --h-p-crm-soft: #DDF5EA; --h-p-crm-ink: #0B7A4E; --h-p-crm-on: #FFFFFF; /* حبرٌ 5.37/4.69 */ --h-p-books: #E14A1B; --h-p-books-soft: #FDE7DE; --h-p-books-ink: #B83A12; --h-p-books-on: #FFFFFF; /* حبرٌ 5.75/4.84 */ --h-p-review: #6A47F2; --h-p-review-soft: #ECE7FE; --h-p-review-ink: #5634D6; --h-p-review-on: #FFFFFF; /* حبرٌ 7.35/6.10 */ /* ⭐ الموارد البشريّة (المنتَجُ السادس، ١٠-١٢). */ --h-p-hr: #3B78F2; --h-p-hr-soft: #E4EDFD; --h-p-hr-ink: #1D63D8; --h-p-hr-on: #FFFFFF; /* حبرٌ 5.49/4.66 */ /* ⭐ «خدمة العملاء» (S0، 10-15) — وردٌ لا يقارب لوناً قائماً. **مقترَحٌ للمالك** كالرمز ◐. الأبيضُ على التعبئة 4.62 · الحبرُ على الأبيض 6.47 وعلى الصبغة 5.36 (محسوبةٌ بصيغة WCAG). */ --h-p-support: #D6336C; --h-p-support-soft: #FBE4EC; --h-p-support-ink: #B0245A; --h-p-support-on: #FFFFFF; /* حبرٌ 6.47/5.36 */ /* ⭐ البيتُ — محايدٌ بحبرٍ داكن، وعلامتُه مربّعاتُ الأربعة. */ --h-p-hub: #111827; --h-p-hub-soft: #E8EBF2; --h-p-hub-ink: #111827; --h-p-hub-on: #FFFFFF; /* 14.86 */ --h-p-work-grad: linear-gradient(160deg, #3FD0E0, #0890A3); --h-p-work-glow: rgb(8 144 163 / .32); /* ⭐⭐ «المشاريع» (كانت «المهامّ»، ١٠-١٢) — **اسمٌ ثانٍ للتركواز نفسِه لا لونٌ جديد**. ‏`var()` يُحَلّ عند الاستعمال، فيتبع الليلُ (أدناه) القيمَ الأصليّة بلا سطرٍ ثانٍ. و`--h-p-work*` تبقى: قشراتٌ وأوراقٌ تقرؤها بالاسم القديم إصداراً واحداً. */ --h-p-projects: var(--h-p-work); --h-p-projects-soft: var(--h-p-work-soft); --h-p-projects-ink: var(--h-p-work-ink); --h-p-projects-on: var(--h-p-work-on); --h-p-projects-grad: var(--h-p-work-grad); --h-p-projects-glow: var(--h-p-work-glow); --h-p-crm-grad: linear-gradient(160deg, #4FD49B, #0F9A63); --h-p-crm-glow: rgb(15 154 99 / .32); --h-p-books-grad: linear-gradient(160deg, #FF8A5C, #E14A1B); --h-p-books-glow: rgb(225 74 27 / .32); --h-p-review-grad: linear-gradient(160deg, #9C86FF, #6A47F2); --h-p-review-glow: rgb(106 71 242 / .32); --h-p-hr-grad: linear-gradient(160deg, #6FA9FF, #3B78F2); --h-p-hr-glow: rgb(59 120 242 / .32); --h-p-support-grad: linear-gradient(160deg, #FF7FA8, #D6336C); --h-p-support-glow: rgb(214 51 108 / .32); --h-p-hub-grad: linear-gradient(160deg, #1F2937, #111827); --h-p-hub-glow: rgb(17 24 39 / .25); /* ⚠️ **وبلا منتَجٍ معلَنٍ يبقى كلُّ شيءٍ حبراً** — قشرةٌ تُقلع وحدَها لا تَعِد بهُويّةٍ لا مسارَ لها. والتعيينُ في `[data-product]` أدناه. */ --h-product: var(--h-ink); --h-product-soft: var(--h-muted); --h-product-ink: var(--h-ink); --h-product-on: var(--h-on-accent); --h-product-grad: var(--h-ink); --h-product-glow: rgb(17 24 39 / .2); /* ── المسافة: أساس ٤px ────────────────────────────────────────── */ --h-1: 4px; --h-2: 8px; --h-3: 12px; --h-4: 16px; --h-6: 24px; --h-8: 32px; --h-12: 48px; /* ── نصفُ القطر ───────────────────────────────────────────────── 🔴🔴🔴 **كانت 2px/6px، و«الحادُّ قرارٌ لا كسل» مكتوبةً هنا** — وسببُها حقيقيّ: تصديرُ الـPDF يقصّ بقوسٍ لكلّ صورة. **لكنّ ذلك قيدُ منتَجٍ واحدٍ يُصدِّر PDF، لا قيدُ النظام كلِّه** — ففُرض على الدفاتر والعلاقات والمهامّ وهي لا تُصدِّر شيئاً، وجعلها تُقرأ «غيرَ منسَّقة». والمالكُ ردَّ الشكلَ ثلاثَ مرّاتٍ لهذا السبب. ⟹ القيمةُ الافتراضيّةُ مصمَّمة، **والقيدُ يُستعاد في نطاقه**: `.h-print-safe` و`@media print` أدناه. ⚠️ والدائرةُ (`--h-r-pin`) تبقى محجوزةً لمعنًى واحدٍ هو «الدور». */ --h-r-0: 0; --h-r-1: 8px; --h-r-2: 12px; --h-r-3: 16px; --h-r-pin: 999px; /* ── الظلّ: طبقتان ────────────────────────────────────────────── 🔴 **كان `none` حرفيّاً** للسبب نفسِه (‏`foreignObject` يبتلع الظلال). والنتيجةُ أنّ كلَّ سطحٍ في المنتَج كان يُرسَم بخطٍّ رفيعٍ على أرضيّةٍ مسطّحة — **وهو بالضبط شكلُ الواير فريم**. ⭐ طبقتان: قريبةٌ حادّةٌ تفصل الحافّة، وبعيدةٌ ناعمةٌ تصنع الارتفاع. وطبقةٌ واحدةٌ تُقرأ «حدّاً غامقاً» لا «سطحاً مرفوعاً». */ --h-lift: 0 1px 2px rgb(24 24 27 / .05), 0 10px 28px -14px rgb(24 24 27 / .22); --h-lift-hi: 0 2px 6px rgb(24 24 27 / .07), 0 20px 48px -20px rgb(24 24 27 / .30); /* ── حلقةُ التركيز ───────────────────────────────────────────── 🔴 حلقةٌ بلون التطبيق تمنح ذلك اللونَ معنًى ثانياً («هنا أنت»)، فتُكذّب كلَّ شاشةٍ تقول إنّ لونَها محجوزٌ لمعنًى واحد. ⟹ حبريّةٌ بهالةِ صالةٍ تفصلها عمّا تحتها: تُقرأ في الوضعَين لأنّ الحبرَ والصالةَ ينقلبان معاً. وقيمتان لا قيمة — واحدةٌ تختفي على سطحٍ يشبهها. */ --h-focus: 0 0 0 2px var(--h-room), 0 0 0 4px var(--h-ink); /* ── المحارف ─────────────────────────────────────────────────── ⚠️ **ولا خطَّ عرضٍ لاتينيّاً في منتَجٍ عربيّ.** «زين» وجهُ العرض، وIBM Plex Sans Arabic للنصّ. وعائلةُ البيانات تسقط إلى Plex Arabic لأنّ Plex Mono فيه **صفرُ محارفَ عربيّة**. */ --h-font-display: 'Zain', 'IBM Plex Sans Arabic', system-ui, sans-serif; --h-font-text: 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif; --h-font-data: 'IBM Plex Mono', 'IBM Plex Sans Arabic', ui-monospace, monospace; /* ── سلّمُ الخطّ: حجمٌ/سطر — والعربيّةُ ≥1.69 دائماً ───────────── نزلاتُ ج ح خ ع غ م ي ومعها التشكيل. مقيسٌ لا مفترَض: صندوقُ ٣٤px قصّ ذيلَ «المكلَّفين»، و34/40 تقصّ «تحكّم» خمسةَ بكسلاتٍ في كروميوم (وويبكِت لا يقصّ — فمحرّكٌ واحدٌ لا يكفي حكماً). */ --h-text-xs: 12px; --h-lh-xs: 1.70; --h-text-sm: 13px; --h-lh-sm: 1.70; --h-text-base: 15px; --h-lh-base: 1.75; --h-text-lg: 18px; --h-lh-lg: 1.70; --h-text-xl: 22px; --h-lh-xl: 1.70; --h-text-2xl: 28px; --h-lh-2xl: 1.70; --h-text-3xl: 36px; --h-lh-3xl: 1.70; } /* ── الوضعُ الليليّ: تُعاد تعريفُ الرموز، ولا تُكتَب قاعدةٌ ثانية ──── ⚠️ لونٌ يُعرَّف داخل استعلامٍ فقط لا يُطبَّق في الحالة غيرِ المختومة (النظام)، فتُرسَم صفحةٌ بنصِّ وضعٍ على أرضِ الوضع الآخر. */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; --h-room: #0B0B0B; --h-chrome: #151515; --h-paper: #151515; --h-rule: #2E2E2E; --h-edge: #4A4A4A; --h-ink: #EDEDED; --h-slate: #9A9A9A; --h-muted: #101010; --h-good: #43B47C; --h-warn: #D9A441; --h-bad: #E2685F; --h-accent: #EDEDEA; --h-accent-ink: #EDEDEA; --h-on-accent: #141414; } } :root[data-theme="dark"] { color-scheme: dark; --h-room: #0B0B0B; --h-chrome: #151515; --h-paper: #151515; --h-rule: #2E2E2E; --h-edge: #4A4A4A; --h-ink: #EDEDED; --h-slate: #9A9A9A; --h-muted: #101010; --h-good: #43B47C; --h-warn: #D9A441; --h-bad: #E2685F; --h-accent: #EDEDEA; --h-accent-ink: #EDEDEA; --h-on-accent: #141414; } /* ── ألوانُ المنتَجات في الليل: التعبئةُ نفسُها، والصبغةُ والحبرُ ينقلبان ── الصبغةُ = التعبئةُ ١٦٪ فوق `#151515`، والحبرُ فاتح (≥7.3:1 على صبغته). ⚠️ **و`.dark`/`.light` مع `data-theme`**: قشرةُ المهامّ تكتب صنفاً لا سمة، وبلا ذلك تبقى صبغةٌ نهاريّةٌ على أرضٍ ليليّة. */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]):not(.light) { --h-p-work-soft: #0E282D; --h-p-work-ink: #6FD6E4; /* 9.13 */ --h-p-crm-soft: #10291F; --h-p-crm-ink: #6EE0AE; /* 9.52 */ --h-p-books-soft: #35190F; --h-p-books-ink: #FF9C80; /* 7.95 */ --h-p-review-soft: #221A3D; --h-p-review-ink: #B7A6FF; /* 7.72 */ --h-p-hr-soft: #16233D; --h-p-hr-ink: #9CC2FF; /* 8.63 */ --h-p-support-soft: #341A23; --h-p-support-ink: #FF9EBE; /* 8.26 */ /* ⭐ البيتُ في الليل: التبويبُ الحاليّ فاتحٌ بحبرٍ داكن (14.97). */ --h-p-hub: #E8ECF3; --h-p-hub-soft: #222938; --h-p-hub-ink: #E8ECF3; --h-p-hub-on: #111827; --h-p-hub-grad: linear-gradient(160deg, #F3F5F9, #D5DBE6); --h-p-hub-glow: rgb(0 0 0 / .35); } } :root[data-theme="dark"], :root.dark { --h-p-work-soft: #0E282D; --h-p-work-ink: #6FD6E4; --h-p-crm-soft: #10291F; --h-p-crm-ink: #6EE0AE; --h-p-books-soft: #35190F; --h-p-books-ink: #FF9C80; --h-p-review-soft: #221A3D; --h-p-review-ink: #B7A6FF; --h-p-hr-soft: #16233D; --h-p-hr-ink: #9CC2FF; --h-p-support-soft: #341A23; --h-p-support-ink: #FF9EBE; --h-p-hub: #E8ECF3; --h-p-hub-soft: #222938; --h-p-hub-ink: #E8ECF3; --h-p-hub-on: #111827; --h-p-hub-grad: linear-gradient(160deg, #F3F5F9, #D5DBE6); --h-p-hub-glow: rgb(0 0 0 / .35); } /* ⭐ **المنتَجُ يُعلَن بصفةٍ والرموزُ الأربعةُ تتبعها** — على الجذر في كلّ قشرة، وعلى البطاقة في البيت (حيث تتجاور المنتَجاتُ الأربعة). ⚠️ **بعد `:root` لا قبله**: الأخصّيّةُ واحدة، فالترتيبُ هو الحَكَم. */ [data-product="projects"], [data-product="work"] { --h-product: var(--h-p-work); --h-product-soft: var(--h-p-work-soft); --h-product-ink: var(--h-p-work-ink); --h-product-on: var(--h-p-work-on); --h-product-grad: var(--h-p-work-grad); --h-product-glow: var(--h-p-work-glow); } [data-product="crm"] { --h-product: var(--h-p-crm); --h-product-soft: var(--h-p-crm-soft); --h-product-ink: var(--h-p-crm-ink); --h-product-on: var(--h-p-crm-on); --h-product-grad: var(--h-p-crm-grad); --h-product-glow: var(--h-p-crm-glow); } [data-product="books"] { --h-product: var(--h-p-books); --h-product-soft: var(--h-p-books-soft); --h-product-ink: var(--h-p-books-ink); --h-product-on: var(--h-p-books-on); --h-product-grad: var(--h-p-books-grad); --h-product-glow: var(--h-p-books-glow); } [data-product="review"] { --h-product: var(--h-p-review); --h-product-soft: var(--h-p-review-soft); --h-product-ink: var(--h-p-review-ink); --h-product-on: var(--h-p-review-on); --h-product-grad: var(--h-p-review-grad); --h-product-glow: var(--h-p-review-glow); } [data-product="hr"] { --h-product: var(--h-p-hr); --h-product-soft: var(--h-p-hr-soft); --h-product-ink: var(--h-p-hr-ink); --h-product-on: var(--h-p-hr-on); --h-product-grad: var(--h-p-hr-grad); --h-product-glow: var(--h-p-hr-glow); } [data-product="support"] { --h-product: var(--h-p-support); --h-product-soft: var(--h-p-support-soft); --h-product-ink: var(--h-p-support-ink); --h-product-on: var(--h-p-support-on); --h-product-grad: var(--h-p-support-grad); --h-product-glow: var(--h-p-support-glow); } [data-product="hub"] { --h-product: var(--h-p-hub); --h-product-soft: var(--h-p-hub-soft); --h-product-ink: var(--h-p-hub-ink); --h-product-on: var(--h-p-hub-on); --h-product-grad: var(--h-p-hub-grad); --h-product-glow: var(--h-p-hub-glow); } /* ═══════════════════════════════════════════════════════════════ ⚠️ نطاقُ الطباعة والتصدير — حيث القيدُ حقيقيّ ═══════════════════════════════════════════════════════════════ تصديرُ الـPDF ينسخ الـDOM إلى `foreignObject`: الظلالُ تتبخّر أو تفسد، والقوسُ يفرض قصّاً لكلّ صورة. **فتُستعاد القيمُ الحادّةُ هنا وحدَها** — في المنتَج الذي يُصدِّر، لا في النظام كلِّه. ⭐ ويُوضَع الصنفُ على الجذر قبل الالتقاط، أو يسري تلقائيّاً عند الطبع. */ .h-print-safe, .h-print-safe * { --h-lift: none; --h-lift-hi: none; } .h-print-safe { --h-r-1: 2px; --h-r-2: 6px; --h-r-3: 6px; } @media print { :root { --h-lift: none; --h-lift-hi: none; --h-r-1: 2px; --h-r-2: 6px; --h-r-3: 6px; } }