/* ===================================================
   Botzella — نظام الألوان والخطوط الموحّد (Design Tokens)
   مصدر واحد للهوية البصرية تعتمده كل واجهات المنصة:
   لوحة الإدارة، شاشة الكشك، والودجة القابلة للتضمين.
   أي تحديث للهوية البصرية يتم هنا فقط — لا تكرر القيم يدوياً
   في ملفات أخرى.
   =================================================== */

:root{
  /* --- الخلفيات --- */
  --bz-bg-2:      #080B14;  /* خلفية ثانوية (أعمق) — الإطار الخارجي/الهيدر */
  --bz-bg:        #0D1020;  /* خلفية رئيسية — البطاقات والألواح */
  --bz-surface:   #151A33;  /* سطح مرتفع — عناصر متداخلة داخل البطاقات */
  --bz-line:      rgba(167,176,195,.14); /* حدود خفيفة موحّدة */

  /* --- الألوان الأساسية --- */
  --bz-teal:        #00E5BE; /* أساسي */
  --bz-teal-dim:     #00B99B; /* أساسي داهم (تفاعل/تحويم) */
  --bz-teal-on:      #00332A; /* لون النص فوق خلفية تيل (نجاح داكن) */
  --bz-purple:       #7B61FF; /* هالات/تمييز ثانوي */
  --bz-blue:         #2563EB; /* تمييز إضافي (روابط/بيانات) */

  /* --- النصوص --- */
  --bz-text:        #E6E9F2; /* نص عالي البروز (عناوين/أرقام) */
  --bz-muted:       #A7B0C3; /* نص أساسي/ثانوي */

  /* --- دلالية (غير مرتبطة بالهوية، للحالات) --- */
  --bz-danger:      #FF6E5B;
  --bz-warning:     #E0B33A;

  /* --- الخطوط --- */
  --bz-font: 'IBM Plex Sans Arabic', 'Segoe UI', sans-serif;
}