/* قريب — هوية بصرية v2 (مصدر الألوان الوحيد للصفحة الرئيسية؛ باقي الصفحات تنتقل لاحقاً).
   كل زوج نص/خلفية محسوب WCAG: أبيض على --brand 7.1، أبيض على --accent-strong 4.9، --ink على --ivory 12.9. */
:root {
  --brand:        #0C644C;   /* أخضر غامق — الأساسي */
  --brand-dark:   #0A4F3D;   /* هيدر الفوتر/خلفيات داكنة */
  --brand-tint:   #E3F0EA;
  --accent:       #D9753F;   /* برتقالي ترابي — للأيقونات والرسومات فقط (مش نص) */
  --accent-strong:#B8541F;   /* أزرار بنص أبيض */
  --accent-dark:  #9C4415;
  --ivory:        #F6EFE6;
  --surface:      #FFFFFF;
  --ink:          #1D2B26;
  --ink-soft:     #5B6B64;
  --line:         #E6DDD0;

  /* ربط المتغيرات القديمة بالجديدة (الصفحات الأخرى لسه بتحمّل style.css بس) */
  --green:        var(--brand);
  --green-dark:   var(--brand-dark);
  --green-light:  var(--brand-tint);
  --green-mid:    #2E8A6C;
  --orange:       var(--accent-strong);
  --orange-dark:  var(--accent-dark);
  --orange-light: #FBE9DD;
  --bg:           var(--ivory);
  --bg2:          var(--ivory);
  --text:         var(--ink);
  --text-mid:     #3E4C46;
  --text-light:   var(--ink-soft);
  --border:       var(--line);
}