/**
 * tokens.css — المصدر الوحيد للألوان والخطوط والمقاسات.
 * غيّر أي قيمة هنا وستنعكس على الموقع كله. لا تكتب ألواناً صريحة خارج هذا الملف.
 */
:root {
	/* ألوان الهوية */
	--blue:       #1175BC;
	--btn-main:   #1175BC; /* لون الأزرار الرئيسي — أزرق الموقع */
	--blue-d:     #0d5e98;
	--gold:       #B58E4B;
	--gold-d:     #8f6d35; /* أُغمق قليلاً لتباين 4.5:1 على الأبيض */
	--light-blue: #6BB6D8;
	--beige:      #F0C78E;
	--navy:       #0E2A47;

	/* ألوان الواجهة */
	--bg:        #ffffff;
	--bg-soft:   #F8FAFC;
	--text:      #3A4A5A;
	--muted:     #5d6d7c; /* أُغمق لتباين أفضل من #6b7a89 */
	--line:      #e6edf3;
	--danger:    #c92a2a;
	--success:   #2b8a3e;
	--wa-green:  #1faa53; /* أُغمق من #25D366 لتباين النص الأبيض */

	/* الخطوط — تُبدَّل تلقائياً حسب لغة الصفحة (انظر base.css) */
	--ff-ar: 'Cairo', 'Segoe UI', system-ui, sans-serif;
	--ff-en: 'Poppins', 'Inter', system-ui, sans-serif;

	/* المقاسات والمسافات */
	--maxw:        1200px;
	--radius:      14px;
	--radius-lg:   22px;
	--section-pad: 64px;

	/* الظلال */
	--shadow:   0 6px 24px rgba(14, 42, 71, .08);
	--shadow-h: 0 14px 36px rgba(14, 42, 71, .16);

	/* الحركة */
	--speed: .2s;
}

@media (max-width: 680px) {
	:root { --section-pad: 46px; }
}