/* ════════════════════════════════════════════════════════════════════════
 * 🟣 [Hubs+RX 2026-06-30] — حصر الثيمات: بنفسجي + أبيض (طبقة 104)
 * ────────────────────────────────────────────────────────────────────────
 * الغرض:
 *   (1) حزام أمان: تحييد أي أزرق/سماوي متبقٍّ في :root الأساسي ⇒ بنفسجي
 *       (المحرّك أصلاً يفرض purple/light دائماً، وهذا تأمين إضافي).
 *   (2) الأبيض = براند بنفسجي بتباين عالٍ (≥AA) + إصلاح الألوان الباهتة.
 *
 *   الأزرق في main.css أُعيد تلوينه للبنفسجي عند المصدر؛ هذه الطبقة تضيف
 *   التأمين + إصلاح وضوح الأبيض (نصوص ثانوية/حدود/placeholders/معطّلة).
 *
 * تُحمَّل بعد 102/103. للإزالة: احذف <link> هذا + الملف.
 * ════════════════════════════════════════════════════════════════════════ */

/* ════════ (1) تحييد الأساس (belt) — برّاند بنفسجي بدل الأزرق/السماوي ════════ */
:root,
:root:not([data-theme]) {
  --primary:        #a855f7;
  --primary-hover:  #9333ea;
  --primary-light:  #c084fc;
  --accent:         #a855f7;
  --gradient:       linear-gradient(135deg, #4c1d95 0%, #a855f7 100%);
  --glow:           0 0 26px rgba(168,85,247,0.16);
}

/* ════════ (2) الأبيض = براند بنفسجي + تباين عالٍ ════════ */
:root[data-theme="light"] {
  /* لمسة بنفسجية بدل الأزرق */
  --primary:        #7c3aed;
  --primary-hover:  #6d28d9;
  --primary-light:  #8b5cf6;
  --accent:         #7c3aed;
  --gradient:       linear-gradient(135deg, #5b21b6 0%, #7c3aed 100%);
  --glow:           0 0 20px rgba(124,58,237,0.16);

  /* إصلاح وضوح الأبيض (AA): أوضح من الباهت السابق */
  --text-secondary: #334155;   /* كان #475569 */
  --text-muted:     #475569;   /* كان #64748b الباهت */
  --border-color:   #cbd5e1;   /* كان #e2e8f0 شبه المختفي */
}

/* placeholders واضحة على الأبيض (AA للقراءة) */
:root[data-theme="light"] ::placeholder { color: #5b6473; opacity: 1; }
:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder { color: #5b6473; opacity: 1; }

/* الأزرار/العناصر المعطّلة — مقروءة لا باهتة جداً */
:root[data-theme="light"] button:disabled,
:root[data-theme="light"] .h-btn:disabled,
:root[data-theme="light"] .poster-action-btn:disabled {
  opacity: 1;
  color: #475569;
  background: #eef1f6;
  border-color: #cbd5e1;
}

/* الشرائح/الـ chips على الأبيض — حدّ ونصّ واضحان */
:root[data-theme="light"] .rh-chip,
:root[data-theme="light"] .rx-nav-home,
:root[data-theme="light"] .rx-nav-landing {
  color: #5b21b6;
  border-color: rgba(124,58,237,0.30);
}
:root[data-theme="light"] .rh-chip.rh-chip-active {
  background: #7c3aed;
  color: #ffffff;
  border-color: #7c3aed;
}

/* فواصل breadcrumb + الفواصل العامة — تباين كافٍ */
:root[data-theme="light"] .breadcrumb .sep,
:root[data-theme="light"] .breadcrumb a { color: #475569; }
:root[data-theme="light"] .breadcrumb span { color: #1e293b; }

/* أيقونات التنقّل غير النشطة على الأبيض (شريط سفلي فاتح) */
:root[data-theme="light"] .bottom-nav .nav-item:not(.active) { color: #475569; }
/* ملاحظة: .poster-meta و .poster-desc تبقى فاتحة (تجلس على صورة بوستر داكنة
   بكل الثيمات) — لا نُعتّمها لئلا تختفي على الخلفية الداكنة. */