/* 
📄 ملحق القيم البديلة - maknoon-variables.css

- ألوان النظام:
    - النسخة القديمة: كانت متفرقة داخل ملفات متعددة مثل header-enhancements.css و product-listing.css.
    - النسخة الجديدة: تجميع جميع الألوان الأساسية في مكان واحد لسهولة التحكم.

- الأبعاد الثابتة:
    - ارتفاع الهيدر: اعتمدنا 80px على الديسكتوب و 60px على الموبايل.
    - مسافة الفاصل العلوي: توحيد جميع قيم top لعناصر sticky عبر متغير مشترك.

- Z-Index الموحد:
    - بدلاً من أرقام متفرقة (999, 9999, 99999) أصبح كل طبقة لها قيمة ثابتة تحت نظام موحد.

- الانتقالات:
    - توحيد كل الحركات الانتقالية عبر متغير مركزي للتحكم في سرعة التأثيرات.
*/

/* ✅ maknoon-variables.css - الهوية الرسمية لمكنون ستار */

:root {
  /* الألوان */
  --maknoon-primary: #174450;   /* الفيروزي الداكن */
  --maknoon-secondary: #7ECBB6; /* الفيروزي الفاتح */
  --maknoon-accent: #FFD700;    /* أصفر للتمييز */
  --maknoon-white: #FFFFFF;     /* الأبيض */
  --maknoon-danger: #ee0033;    /* أحمر للتنبيهات */

  /* الخلفيات العامة */
  --maknoon-background: #FFFFFF;
  --maknoon-border: #e0e0e0;
  --maknoon-shadow: rgba(0, 0, 0, 0.10);

  /* أبعاد الهيدر (غير مفعلة حاليًا) */
  /* --maknoon-header-height: 80px;
     --maknoon-mobile-header-height: 60px; */
  --maknoon-sidebar-padding: 20px;

  /* مستويات الطبقات Z-Index */
  --maknoon-z-header: 99999;
  --maknoon-z-sidebar: 9999;
  --maknoon-z-overlay: 99999;

  /* الإنتقالات */
  --maknoon-transition: all 0.3s ease-in-out;
}