/* ==========================================================================
   متغيرات التصميم — النمر المهاجر
   مستخرجة من الموقع الحالي. تعديل اللون هنا يغيّره في كل مكان.
   ========================================================================== */

:root {
	/* --- الكحلي: خلفيات الهيدر والفوتر والأبطال --- */
	--tg-navy-900: #08112a;
	--tg-navy-800: #0c1836;
	--tg-navy-700: #122549;
	--tg-navy-600: #1a3260;
	--tg-navy-500: #24427a;

	/* --- البرتقالي: لون العلامة الأساسي --- */
	--tg-orange: #f97316;
	--tg-orange-dark: #ea6a0c;
	--tg-orange-soft: #fdba74;
	--tg-orange-tint: #fff3e8;

	/* --- الأسطح الفاتحة --- */
	--tg-white: #ffffff;
	--tg-surface: #f8fafc;
	--tg-tint: #eef3fc;
	--tg-tint-deep: #e2eaf8;

	/* --- النصوص --- */
	--tg-heading: #0f172a;
	--tg-body: #475569;
	--tg-muted: #64748b;
	--tg-on-dark: #ffffff;
	--tg-on-dark-soft: #b9c5da;

	/* --- الحدود والفواصل --- */
	--tg-border: #e2e8f0;
	--tg-border-dark: rgba(255, 255, 255, 0.12);

	/* --- ألوان الحالة والقنوات --- */
	--tg-whatsapp: #25d366;
	--tg-phone: #2563eb;
	--tg-success: #16a34a;
	--tg-violet: #7c3aed;
	--tg-cyan: #0891b2;

	/* --- الظلال --- */
	--tg-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
	--tg-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
	--tg-shadow-lg: 0 18px 48px rgba(8, 17, 42, 0.14);

	/* --- الاستدارة --- */
	--tg-r-sm: 8px;
	--tg-r-md: 12px;
	--tg-r-lg: 18px;
	--tg-r-xl: 24px;
	--tg-r-pill: 999px;

	/* --- المقاسات --- */
	--tg-container: 1240px;
	--tg-gutter: 20px;
	--tg-header-h: 116px;

	/* --- الخطوط --- */
	--tg-font-ar: "Tajawal", "Segoe UI", system-ui, sans-serif;
	--tg-font-en: "Poppins", "Segoe UI", system-ui, sans-serif;
	--tg-font: var(--tg-font-ar);

	/* --- سلّم الأحجام --- */
	--tg-fs-xs: 0.8125rem;
	--tg-fs-sm: 0.9063rem;
	--tg-fs-base: 1rem;
	--tg-fs-lg: 1.125rem;
	--tg-fs-xl: 1.375rem;
	--tg-fs-2xl: 1.75rem;
	--tg-fs-3xl: 2.25rem;
	--tg-fs-4xl: 3rem;
	--tg-fs-5xl: 3.75rem;

	/* --- المسافات --- */
	--tg-space-section: 88px;
	--tg-space-section-sm: 56px;

	/* --- الانتقالات --- */
	--tg-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--tg-dur: 220ms;
}

/* اللغة الإنجليزية تستخدم Inter */
.mt-lang-en {
	--tg-font: var(--tg-font-en);
}

@media (max-width: 900px) {
	:root {
		--tg-header-h: 72px;
		--tg-space-section: 56px;
		--tg-space-section-sm: 40px;
		--tg-fs-4xl: 2.125rem;
		--tg-fs-5xl: 2.5rem;
		--tg-fs-3xl: 1.75rem;
	}
}

/* احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
	:root {
		--tg-dur: 1ms;
	}
}