/* ============================================================
   وفّر | Waffer — نظام التصميم (Design Tokens)
   نقطة التحكم الوحيدة في الألوان والخطوط والمسافات.
   التغيير هنا = تغيير الهوية كلها.
   ============================================================ */

:root {
  /* ---------- الألوان الأساسية (الوضع النهاري) ---------- */
  --bg:           #F6F4EE;   /* خلفية دافئة مريحة للعين (ورقي) */
  --bg-soft:      #EFEBE1;   /* خلفية ثانوية */
  --surface:      #FFFFFF;   /* سطح البطاقات */
  --surface-2:    #F3F0E7;   /* سطح داخلي */
  --border:       #E5E0D2;   /* حدود هادئة */
  --ink:          #18231F;   /* النص الرئيسي (أخضر داكن جدًا بدل الأسود الصريح) */
  --ink-2:        #57655F;   /* نص ثانوي */
  --ink-3:        #8B968F;   /* نص إرشادي */

  /* ---------- اللون الهويّ (أخضر النيل) ---------- */
  --primary:      #0E7C66;
  --primary-2:    #0A5C4C;
  --primary-soft: #E0F2EB;
  --primary-glow: rgba(14, 124, 102, 0.16);

  /* ---------- لون الخصومات (كهرماني دافئ بدل الأحمر الصارخ) ---------- */
  --accent:       #E08F10;
  --accent-2:     #C77B06;
  --accent-soft:  #FCEED6;

  /* ---------- ألوان المنصات ---------- */
  --amazon:       #E9A421;   /* أصفر أمازون */
  --noon:         #1570EF;   /* أزرق نون */
  --amazon-soft:  #FBF0D3;
  --noon-soft:    #E4EDFC;

  --success:      #2E9E6B;
  --danger:       #D95B43;

  /* ---------- الظلال والحدود ---------- */
  --shadow-sm: 0 2px 10px rgba(24, 35, 31, 0.06);
  --shadow-md: 0 10px 30px rgba(24, 35, 31, 0.10);
  --shadow-lg: 0 24px 60px rgba(24, 35, 31, 0.14);
  --radius-sm: 10px;
  --radius:    18px;
  --radius-lg: 28px;

  /* ---------- الخطوط ---------- */
  --font: 'Cairo', 'Segoe UI', system-ui, sans-serif; /* Cairo يدعم العربية باحترافية */

  /* ---------- سرعات الحركة ---------- */
  --ease: cubic-bezier(.22, .8, .3, 1);
  --fast: 180ms;
  --med:  400ms;
  --slow: 700ms;

  /* ---------- الهيدر ---------- */
  --header-h: 76px;
}

/* ============================================================
   الوضع الليلي — ألوان أغمق وأهدأ (مريح للعين في الليل)
   ============================================================ */
[data-theme="dark"] {
  --bg:           #0B100E;
  --bg-soft:      #0E1613;
  --surface:      #121B18;
  --surface-2:    #18231F;
  --border:       #22312B;
  --ink:          #E9EFEB;
  --ink-2:        #A2B0A9;
  --ink-3:        #6E7D76;

  --primary:      #3CCFA2;
  --primary-2:    #8CE4C9;
  --primary-soft: #0F2D24;
  --primary-glow: rgba(60, 207, 162, 0.14);

  --accent:       #F5B743;
  --accent-2:     #FFD27A;
  --accent-soft:  #34280E;

  --amazon:       #F0B429;
  --noon:         #3E8BFF;
  --amazon-soft:  #2E2408;
  --noon-soft:    #12253F;

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 26px 64px rgba(0, 0, 0, 0.55);
}