/**
 * متغيرات التصميم المركزية (Design Tokens): الخط، الزوايا، الظلال، وربط ألوان الأزرار
 * الألوان نفسها في includes/Core/Colors.php (ملف الألوان المركزي)
 */

:root {
	/* الخط الأساسي */
	--tnt-font: "Tajawal", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;

	/* الألوان: لا تُعرّف هنا. كلها في ملف واحد includes/Core/Colors.php (تُطبع كمتغيرات --tnt-*) */

	/* الزوايا والظلال والمسافات */
	--tnt-radius-sm: 8px;
	--tnt-radius: 12px;
	--tnt-radius-lg: 18px;
	--tnt-radius-pill: 999px;

	--tnt-shadow-xs: 0 1px 2px rgba(var(--tnt-navy-900-rgb), .06);
	--tnt-shadow-sm: 0 1px 3px rgba(var(--tnt-navy-900-rgb), .06), 0 1px 2px rgba(var(--tnt-navy-900-rgb), .04);
	--tnt-shadow: 0 8px 24px -8px rgba(var(--tnt-navy-900-rgb), .14), 0 2px 6px rgba(var(--tnt-navy-900-rgb), .05);
	--tnt-shadow-lg: 0 24px 48px -16px rgba(var(--tnt-navy-900-rgb), .28);

	--tnt-ring: 0 0 0 3px rgba(var(--tnt-gold-rgb), .35);
	--tnt-ease: cubic-bezier(.2, .7, .2, 1);

	/* ألوان الأزرار الموحدة: كل الأزرار ترث من هنا (تغيير لون زر = تعديل سطر واحد) */
	--tnt-btn-primary-bg: linear-gradient(135deg, var(--tnt-navy-700), var(--tnt-navy-900));
	--tnt-btn-primary-fg: #fff;
	--tnt-btn-primary-shadow: 0 6px 16px -6px rgba(var(--tnt-navy-900-rgb), .55);
	--tnt-btn-secondary-bg: var(--tnt-primary-50);
	--tnt-btn-secondary-fg: var(--tnt-navy-800);
	--tnt-btn-secondary-hover: var(--tnt-primary-100);
	--tnt-btn-gold-bg: linear-gradient(135deg, var(--tnt-gold-400), var(--tnt-gold-600));
	--tnt-btn-gold-fg: var(--tnt-gold-ink);
	--tnt-btn-gold-shadow: 0 6px 16px -6px rgba(var(--tnt-gold-600-rgb), .6);
	--tnt-btn-success-bg: var(--tnt-success);
	--tnt-btn-danger-bg: linear-gradient(135deg, var(--tnt-danger-400), var(--tnt-danger-600));
	--tnt-btn-danger-shadow: 0 8px 18px -8px rgba(var(--tnt-danger-rgb), .65);
	--tnt-btn-danger-soft-bg: var(--tnt-danger-50);
	--tnt-btn-danger-soft-border: rgba(var(--tnt-danger-rgb), .32);
	--tnt-btn-cancel-bg: linear-gradient(180deg, #ffffff, var(--tnt-surface-2));
	--tnt-btn-cancel-fg: var(--tnt-text-2);
	--tnt-btn-cancel-border: var(--tnt-border-strong);
	--tnt-btn-cancel-hover: var(--tnt-navy-700);
	--tnt-btn-outline-border: var(--tnt-border-strong);
	--tnt-btn-outline-hover: var(--tnt-gold-600);
	--tnt-btn-ghost-fg: var(--tnt-text-2);
	--tnt-btn-ghost-hover-bg: var(--tnt-gold-50);
	--tnt-btn-ghost-hover-fg: var(--tnt-gold-600);

	/* أزرار الإجراءات في الجداول (عرض / تعديل / حذف) */
	--tnt-act-view: var(--tnt-info);
	--tnt-act-view-bg: var(--tnt-info-50);
	--tnt-act-edit: var(--tnt-gold-600);
	--tnt-act-edit-bg: var(--tnt-gold-50);
	--tnt-act-delete: var(--tnt-danger);
	--tnt-act-delete-bg: var(--tnt-danger-50);

	/* القائمة المنسدلة: السهم وخلفيته (للإضافة وصفحات ووردبريس معاً) */
	--tnt-select-arrow-bg: var(--tnt-primary-50);

	--tnt-gradient-hero: radial-gradient(1200px 300px at 85% -40%, rgba(var(--tnt-gold-rgb), .28), transparent 60%),
		linear-gradient(135deg, var(--tnt-navy-900) 0%, var(--tnt-navy-700) 100%);
}