/* 
   مباشر كار - نظام الألوان الموحد
   Mubashr Car - Unified Color System
   
   هذا الملف يحتوي على جميع الألوان الرسمية لمباشر كار
   ليتم استخدامها في جميع أجزاء النظام (Django Admin, Flutter Apps, Web)
*/

:root {
  /* ألوان مباشر كار الأساسية - Mubashr Car Primary Colors */
  --mubashr-primary-dark: #112112;    /* الأخضر الداكن الأساسي */
  --mubashr-primary-medium: #5A735A;  /* الأخضر المتوسط */
  --mubashr-primary-light: #97B297;   /* الأخضر الفاتح */
  
  /* درجات إضافية للاستخدامات المختلفة */
  --mubashr-primary-50: #F1F5F1;     /* أفتح جداً للخلفيات */
  --mubashr-primary-100: #E8F5E8;    /* فاتح للخلفيات الثانوية */
  --mubashr-primary-200: #C8D6C8;    /* للحدود والفواصل */
  --mubashr-primary-300: #A8C7A8;    /* للعناصر غير النشطة */
  --mubashr-primary-400: #88B788;    /* للعناصر الثانوية */
  --mubashr-primary-500: #5A735A;    /* اللون الأساسي المتوسط */
  --mubashr-primary-600: #4A5F4A;    /* للحدود والتفاصيل */
  --mubashr-primary-700: #3A4B3A;    /* للنصوص الداكنة */
  --mubashr-primary-800: #2A372A;    /* للعناوين */
  --mubashr-primary-900: #112112;    /* الأدكن للعناوين الرئيسية */
  
  /* ألوان الحالات - Status Colors */
  --mubashr-success: #4CAF50;        /* الأخضر للنجاح */
  --mubashr-warning: #FF9800;        /* البرتقالي للتحذير */
  --mubashr-error: #E53935;          /* الأحمر للأخطاء */
  --mubashr-info: #2196F3;           /* الأزرق للمعلومات */
  
  /* ألوان النصوص - Text Colors */
  --mubashr-text-primary: #112112;   /* نص أساسي داكن */
  --mubashr-text-secondary: #5A735A; /* نص ثانوي متوسط */
  --mubashr-text-light: #97B297;     /* نص فاتح للمساعدة */
  --mubashr-text-on-primary: #FFFFFF; /* نص أبيض على الخلفية الداكنة */
  
  /* ألوان الخلفيات - Background Colors */
  --mubashr-bg-white: #FFFFFF;       /* خلفية بيضاء */
  --mubashr-bg-light: #F8F9FA;       /* خلفية فاتحة */
  --mubashr-bg-grey: #F5F5F5;        /* خلفية رمادية فاتحة */
  --mubashr-bg-dark: #112112;        /* خلفية داكنة */
  
  /* ألوان الحدود - Border Colors */
  --mubashr-border-light: #E0E0E0;   /* حدود فاتحة */
  --mubashr-border-medium: #CCCCCC;  /* حدود متوسطة */
  --mubashr-border-dark: #999999;    /* حدود داكنة */
  
  /* ألوان خاصة بالتوصيل - Delivery Specific Colors */
  --mubashr-delivery-available: #4CAF50;  /* متاح للتوصيل */
  --mubashr-delivery-busy: #FF9800;       /* مشغول */
  --mubashr-delivery-offline: #757575;    /* غير متاح */
  --mubashr-delivery-assigned: #2196F3;   /* مُعيّن */
  --mubashr-delivery-collecting: #FF9800; /* جاري التحصيل */
  --mubashr-delivery-delivering: #112112; /* جاري التوصيل */
  --mubashr-delivery-delivered: #4CAF50;  /* تم التوصيل */
  --mubashr-delivery-cancelled: #E53935;  /* ملغي */
  
  /* ألوان خاصة بالطلبات - Orders Specific Colors */
  --mubashr-order-pending: #FF9800;      /* في الانتظار */
  --mubashr-order-confirmed: #2196F3;    /* مؤكد */
  --mubashr-order-processing: #9C27B0;   /* قيد المعالجة */
  --mubashr-order-shipped: #112112;      /* تم الشحن */
  --mubashr-order-delivered: #4CAF50;    /* تم التوصيل */
  --mubashr-order-cancelled: #E53935;    /* ملغي */
  --mubashr-order-returned: #795548;     /* مُرتجع */
  
  /* ألوان خاصة بالمدفوعات - Payment Specific Colors */
  --mubashr-payment-pending: #FF9800;    /* في الانتظار */
  --mubashr-payment-paid: #4CAF50;       /* مدفوع */
  --mubashr-payment-failed: #E53935;     /* فشل */
  --mubashr-payment-refunded: #9E9E9E;   /* مُسترد */
  
  /* ألوان التدرجات - Gradient Colors */
  --mubashr-gradient-primary: linear-gradient(135deg, #112112 0%, #5A735A 100%);
  --mubashr-gradient-success: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%);
  --mubashr-gradient-warning: linear-gradient(135deg, #FF9800 0%, #FFC107 100%);
  --mubashr-gradient-error: linear-gradient(135deg, #E53935 0%, #F44336 100%);
  --mubashr-gradient-info: linear-gradient(135deg, #2196F3 0%, #03A9F4 100%);
  
  /* ظلال - Shadows */
  --mubashr-shadow-sm: 0 2px 4px rgba(17, 33, 18, 0.1);
  --mubashr-shadow-md: 0 4px 8px rgba(17, 33, 18, 0.15);
  --mubashr-shadow-lg: 0 8px 16px rgba(17, 33, 18, 0.2);
  --mubashr-shadow-xl: 0 12px 24px rgba(17, 33, 18, 0.25);
  
  /* انحناءات الزوايا - Border Radius */
  --mubashr-radius-sm: 4px;
  --mubashr-radius-md: 8px;
  --mubashr-radius-lg: 12px;
  --mubashr-radius-xl: 16px;
  --mubashr-radius-full: 50%;
  
  /* المسافات - Spacing */
  --mubashr-space-xs: 4px;
  --mubashr-space-sm: 8px;
  --mubashr-space-md: 16px;
  --mubashr-space-lg: 24px;
  --mubashr-space-xl: 32px;
  --mubashr-space-2xl: 48px;
}

/* فئات CSS للاستخدام المباشر - Utility Classes */

/* ألوان الخلفيات */
.bg-mubashr-primary { background-color: var(--mubashr-primary-dark) !important; }
.bg-mubashr-primary-light { background-color: var(--mubashr-primary-light) !important; }
.bg-mubashr-success { background-color: var(--mubashr-success) !important; }
.bg-mubashr-warning { background-color: var(--mubashr-warning) !important; }
.bg-mubashr-error { background-color: var(--mubashr-error) !important; }
.bg-mubashr-info { background-color: var(--mubashr-info) !important; }

/* ألوان النصوص */
.text-mubashr-primary { color: var(--mubashr-primary-dark) !important; }
.text-mubashr-primary-light { color: var(--mubashr-primary-light) !important; }
.text-mubashr-success { color: var(--mubashr-success) !important; }
.text-mubashr-warning { color: var(--mubashr-warning) !important; }
.text-mubashr-error { color: var(--mubashr-error) !important; }
.text-mubashr-info { color: var(--mubashr-info) !important; }

/* ألوان الحدود */
.border-mubashr-primary { border-color: var(--mubashr-primary-dark) !important; }
.border-mubashr-light { border-color: var(--mubashr-border-light) !important; }

/* الأزرار بألوان مباشر كار */
.btn-mubashr-primary {
  background-color: var(--mubashr-primary-dark);
  border-color: var(--mubashr-primary-dark);
  color: var(--mubashr-text-on-primary);
}

.btn-mubashr-primary:hover {
  background-color: var(--mubashr-primary-800);
  border-color: var(--mubashr-primary-800);
  color: var(--mubashr-text-on-primary);
}

.btn-mubashr-outline-primary {
  background-color: transparent;
  border-color: var(--mubashr-primary-dark);
  color: var(--mubashr-primary-dark);
}

.btn-mubashr-outline-primary:hover {
  background-color: var(--mubashr-primary-dark);
  border-color: var(--mubashr-primary-dark);
  color: var(--mubashr-text-on-primary);
}

/* البطاقات بألوان مباشر كار */
.card-mubashr {
  border: 1px solid var(--mubashr-border-light);
  border-radius: var(--mubashr-radius-lg);
  box-shadow: var(--mubashr-shadow-sm);
}

.card-mubashr-primary {
  background: var(--mubashr-gradient-primary);
  color: var(--mubashr-text-on-primary);
  border: none;
}

/* حالات التوصيل */
.status-available { color: var(--mubashr-delivery-available); }
.status-busy { color: var(--mubashr-delivery-busy); }
.status-offline { color: var(--mubashr-delivery-offline); }
.status-assigned { color: var(--mubashr-delivery-assigned); }
.status-collecting { color: var(--mubashr-delivery-collecting); }
.status-delivering { color: var(--mubashr-delivery-delivering); }
.status-delivered { color: var(--mubashr-delivery-delivered); }
.status-cancelled { color: var(--mubashr-delivery-cancelled); }

/* حالات الطلبات */
.order-pending { color: var(--mubashr-order-pending); }
.order-confirmed { color: var(--mubashr-order-confirmed); }
.order-processing { color: var(--mubashr-order-processing); }
.order-shipped { color: var(--mubashr-order-shipped); }
.order-delivered { color: var(--mubashr-order-delivered); }
.order-cancelled { color: var(--mubashr-order-cancelled); }
.order-returned { color: var(--mubashr-order-returned); }

/* حالات المدفوعات */
.payment-pending { color: var(--mubashr-payment-pending); }
.payment-paid { color: var(--mubashr-payment-paid); }
.payment-failed { color: var(--mubashr-payment-failed); }
.payment-refunded { color: var(--mubashr-payment-refunded); }

/* تأثيرات التدرج */
.gradient-mubashr-primary { background: var(--mubashr-gradient-primary); }
.gradient-mubashr-success { background: var(--mubashr-gradient-success); }
.gradient-mubashr-warning { background: var(--mubashr-gradient-warning); }
.gradient-mubashr-error { background: var(--mubashr-gradient-error); }
.gradient-mubashr-info { background: var(--mubashr-gradient-info); }

/* ظلال */
.shadow-mubashr-sm { box-shadow: var(--mubashr-shadow-sm); }
.shadow-mubashr-md { box-shadow: var(--mubashr-shadow-md); }
.shadow-mubashr-lg { box-shadow: var(--mubashr-shadow-lg); }
.shadow-mubashr-xl { box-shadow: var(--mubashr-shadow-xl); }

/* انحناءات الزوايا */
.rounded-mubashr-sm { border-radius: var(--mubashr-radius-sm); }
.rounded-mubashr-md { border-radius: var(--mubashr-radius-md); }
.rounded-mubashr-lg { border-radius: var(--mubashr-radius-lg); }
.rounded-mubashr-xl { border-radius: var(--mubashr-radius-xl); }

/* تخصيصات خاصة بلوحة الإدارة */
.admin-header {
  background: var(--mubashr-gradient-primary);
  color: var(--mubashr-text-on-primary);
}

.admin-sidebar {
  background-color: var(--mubashr-primary-dark);
  color: var(--mubashr-text-on-primary);
}

.admin-card {
  background: var(--mubashr-bg-white);
  border: 1px solid var(--mubashr-border-light);
  border-radius: var(--mubashr-radius-lg);
  box-shadow: var(--mubashr-shadow-md);
}

.admin-card-primary {
  background: var(--mubashr-gradient-primary);
  color: var(--mubashr-text-on-primary);
  border: none;
}

/* تخصيصات خاصة بتطبيقات Flutter */
.flutter-primary { color: var(--mubashr-primary-dark); }
.flutter-bg-primary { background-color: var(--mubashr-primary-dark); }
.flutter-border-primary { border-color: var(--mubashr-primary-dark); }

/* تأثيرات التفاعل */
.mubashr-hover:hover {
  transform: translateY(-2px);
  box-shadow: var(--mubashr-shadow-lg);
  transition: all 0.3s ease;
}

.mubashr-focus:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(17, 33, 18, 0.2);
}

/* تخصيصات للطباعة */
@media print {
  .bg-mubashr-primary,
  .bg-mubashr-primary-light,
  .gradient-mubashr-primary {
    background: white !important;
    color: black !important;
  }
}

/* تخصيصات للشاشات الصغيرة */
@media (max-width: 768px) {
  :root {
    --mubashr-space-md: 12px;
    --mubashr-space-lg: 18px;
    --mubashr-space-xl: 24px;
  }
}