/* =====================================================
   BlueStream — Design System
   طبقة محايدة فاخرة + لون هوية واحد قابل للتبديل
   -----------------------------------------------------
   لتغيير "توقيع" السيرفر بالكامل: غيّر قيمة --server-accent
   فقط، وكل نقاط التمييز بالواجهة تتبدل دفعة واحدة.
   ===================================================== */

:root {
  /* ===== الطبقة الأولى: قاعدة محايدة ثابتة ===== */
  --bg:         #09090B;   /* أسود عميق شبه نقي */
  --bg-raised:  #0F0F13;   /* أسطح مرتفعة قليلاً */
  --surface:    #17171C;   /* بطاقات */
  --surface-2:  #1C1C22;   /* بطاقات أعلى */
  --surface-3:  #22222A;   /* عناصر مرفوعة */

  /* حدود محايدة — أبيض بشفافية منخفضة، بلا صبغة لونية */
  --border:        rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);

  /* نصوص */
  --text:       #F4F4F5;  /* أبيض ناصع */
  --text-dim:   #9CA3AF;  /* رمادي متوسط */
  --text-faint: #6B7280;  /* رمادي غامق */

  /* ===== الطبقة الثانية: لون هوية السيرفر =====
     متغير واحد فقط — يُستخدم حصرياً في نقاط صغيرة:
     indicators / حدود نشطة / شريط التقدم / توهج الحالة */
  --server-accent: #3B82F6; /* أزرق الهوية — تغيير هذا السطر يبدّل التوقيع كاملاً */

  /* مشتقات لون الهوية (تُحسب تلقائياً) */
  --accent-solid:    var(--server-accent);
  --accent-glow-near: color-mix(in srgb, var(--server-accent) 65%, transparent);
  --accent-glow-far:  color-mix(in srgb, var(--server-accent) 30%, transparent);
  --accent-soft:     color-mix(in srgb, var(--server-accent) 16%, transparent);
  --accent-border:   color-mix(in srgb, var(--server-accent) 55%, transparent);

  /* ===== نصف القطر ===== */
  --radius:     16px;
  --radius-sm:  12px;
  --radius-pill: 999px;

  /* ===== حركة ===== */
  --transition: 0.25s cubic-bezier(0.2, 0.7, 0.3, 1);
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);

  --side-pad: 48px;

  /* توهج لون الهوية (طبقتان: قريب مكثف + بعيد خافت) */
  --accent-glow:
    0 0 0 1px var(--accent-border),
    0 0 14px 2px var(--accent-glow-near),
    0 0 28px 6px var(--accent-glow-far);
}
