:root {
  /* لوحة الألوان الأساسية */
  --brand:        #2e7d32; /* أخضر الشريط */
  --brand-600:    #1b5e20;
  --brand-100:    #e8f5e9;

  --accent:       #ffb300; /* أصفر الأزرار الثانوية */
  --danger:       #e53935;
  --muted:        #6b7280; /* رمادي نص ثانوي */

  --bg:           #ffffff;
  --bg-soft:      #f7f7f8;
  --card:         #ffffff;
  --card-border:  #e3e5e8;

  --text:         #111827;
  --text-inv:     #ffffff;

  /* ظلال */
  --shadow-sm:    0 1px 2px rgba(0,0,0,.06);
  --shadow-md:    0 3px 14px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);

  /* عناصر مشتركة */
  --btn-radius:   14px;
  --sidebar-width: 300px;

  /* أحجام */
  --container-max: 1200px;
}