:root{
  /* ══ هوية مناحل المرتضى ══
     الأخضر: مسحوب من لافتة البرطمان في صورة الإعلان (H≈86 — أخضر زيتوني عميق)
     الذهب:  مسحوب من تدرّج الشعار (H 33→49)
     أي لون في الموقع لازم يطلع من هنا — مفيش hex مكتوب في styles.css */

  /* الأخضر — الأسطح */
  --void:#0B0F06;        /* خلفية الصفحة */
  --surface:#131A0A;     /* أقسام مرفوعة شوية */
  --surface-2:#1E2810;   /* الكروت — أقرب درجة للافتة نفسها */
  --moss:#2B3918;        /* كروت مميزة وحالات hover */
  --moss-soft:#405129;   /* حدود ظاهرة */

  /* الذهب — من الشعار */
  --gold-deep:#965B0D;
  --gold:#E79823;        /* لون الفعل الأساسي */
  --gold-mid:#ECAE3C;
  --gold-light:#F4D371;
  --gold-glow:#FCEC9C;   /* أعلى لمعة في الشعار */

  /* العسل — من البرطمان والملعقة */
  --ember:#AE5913;
  --honey:#862E09;

  /* النصوص — من كريمي الخلفية في الإعلان */
  --ivory:#F7ECDE;       /* النص الأساسي */
  --ivory-2:#DACFBF;     /* نص ثانوي */
  --ivory-3:#BFB4A2;     /* نص خافت */
  --muted:#ACA391;
  --muted-2:#8C8474;     /* أخفت درجة — للتلميحات القصيرة بس */

  --on-gold:#0B0F06;     /* الحبر فوق أي سطح ذهبي */

  /* قنوات RGB — عشان الشفافيات تشتق من نفس اللون
     الاستخدام: rgb(var(--gold-rgb) / .18) */
  --void-rgb:11 15 6;
  --surface-rgb:19 26 10;
  --surface-2-rgb:30 40 16;
  --gold-rgb:231 152 35;
  --ivory-rgb:247 236 222;
  --danger-rgb:228 112 90;
  --success-rgb:91 190 135;

  /* الحدود */
  --line:rgb(var(--gold-rgb) / .18);
  --line-soft:rgb(var(--ivory-rgb) / .09);

  /* حالات — موحّدة مع تطبيق لوحة التحكم */
  --danger:#E4705A;
  --success:#5BBE87;

  --danger-bg:#3A1410;
  --danger-ink:#F0B7A6;

  /* أخضر واتساب — علامة تجارية خارجية، مش من لوحتنا */
  --wa:#2BC15F;
  --wa-deep:#159649;

  /* أنواع العسل */
  --sidr:#96501A;
  --fennel:#C98A16;
  --clover:#E5B84F;
  --citrus:#F2DC93;

  --s--1:clamp(.76rem,.73rem + .18vw,.84rem);
  --s-0:clamp(.98rem,.94rem + .22vw,1.06rem);
  --s-1:clamp(1.15rem,1.05rem + .5vw,1.35rem);
  --s-2:clamp(1.45rem,1.25rem + 1vw,1.9rem);
  --s-3:clamp(1.9rem,1.5rem + 2vw,2.9rem);
  /* درجة العرض — عنوان الهيرو بس. اترجّعت من 4.6rem لأن العنوان بقى
     ٢٤ حرفًا في السطر بدل ١٤، فالمقاس القديم كان بيلفّه لـ٥ سطور
     ويطلّع صف الأرقام برّه الشاشة. لسه أكبر من --s-3 عشان يفضل
     متميّز عن عناوين الأقسام */
  --s-4:clamp(1.7rem,1rem + 2.9vw,3.5rem);

  --wrap:1200px;
  --gut:clamp(1.15rem,4.5vw,2.75rem);
  --ease:cubic-bezier(.22,.68,.24,1);
}