:root {
  /* الألوان الأساسية */
  --plyr-color-main: #00aef1; /* الأزرق الفاتح */
  --plyr-video-background: #14182b; /* الأزرق الداكن للخلفية */
  --plyr-focus-visible-color: #00aef1; /* الأزرق الفاتح للتركيز */
  
  /* الشارات */
  --plyr-badge-background: #00aef1; /* خلفية الشارات */
  --plyr-badge-text-color: #ffffff; /* النص في الشارات */
  --plyr-badge-border-radius: 8px; /* حواف مستديرة للشارات */
  
  /* النصوص */
  --plyr-font-family: 'Poppins', Arial, sans-serif; /* خط عصري */
  --plyr-font-size-base: 16px; /* حجم الخط الأساسي */
  --plyr-font-size-small: 14px; /* حجم الخط الصغير */
  --plyr-font-size-large: 20px; /* حجم الخط الكبير */
  --plyr-font-weight-regular: 500; /* وزن خط متوسط */
  --plyr-font-weight-bold: 700; /* وزن خط ثقيل */
  
  /* التحكمات */
  --plyr-control-icon-size: 20px; /* حجم الأيقونات */
  --plyr-control-spacing: 12px; /* التباعد بين الأزرار */
  --plyr-control-padding: 12px; /* التباعد الداخلي للأزرار */
  --plyr-control-radius: 8px; /* أزرار دائرية */
  
  /* شريط التقدم */
  --plyr-range-track-height: 8px; /* ارتفاع شريط التقدم */
  --plyr-range-fill-background: #00aef1; /* لون الجزء المتقدم */
  --plyr-range-thumb-background: #ffffff; /* مقبض أبيض */
  --plyr-range-thumb-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* ظل المقبض */
  --plyr-range-thumb-height: 16px; /* ارتفاع المقبض */
  --plyr-range-thumb-active-shadow-width: 4px; /* حجم الظل عند الضغط */
  
  /* شريط التقدم المؤقت */
  --plyr-video-progress-buffered-background: rgba(255, 255, 255, 0.3); /* المؤقت */
  --plyr-video-range-track-background: rgba(255, 255, 255, 0.3); /* خلفية المؤقت */
  
  /* القوائم */
  --plyr-menu-background: rgba(0, 0, 0, 0.9); /* خلفية داكنة للقوائم */
  --plyr-menu-color: #ffffff; /* النص أبيض */
  --plyr-menu-shadow: 0 8px 16px rgba(0, 0, 0, 0.5); /* ظل القوائم */
  --plyr-menu-radius: 15px; /* حواف مستديرة للقوائم */
  --plyr-menu-item-arrow-color: #00aef1; /* الأسهم باللون الفاتح */
  
  /* الأدوات */
  --plyr-tooltip-background: #00aef1; /* خلفية التلميحات */
  --plyr-tooltip-color: #ffffff; /* النص أبيض */
  --plyr-tooltip-radius: 8px; /* حواف مستديرة للتلميحات */
  --plyr-tooltip-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); /* ظل خفيف */
  
  /* الأزرار */
  --plyr-video-control-color: #ffffff; /* لون أيقونات التحكم */
  --plyr-video-control-color-hover: #00aef1; /* اللون عند التمرير */
  --plyr-video-control-background-hover: rgba(0, 174, 241, 0.1); /* خلفية عند التمرير */
  
  /* النصوص المصاحبة */
  --plyr-captions-background: rgba(0, 0, 0, 0.6); /* خلفية للنصوص */
  --plyr-captions-text-color: #00aef1; /* لون النصوص المصاحبة */
}