/*
 * توکن‌های طراحی داترا
 * منبع حقیقت: Elementor Global Kit (post ID 9). هر تغییری اینجا باید با Kit همگام بماند
 * تا در دوره‌ی گذار، بخش‌های المنتوری و بخش‌های کدنویسی‌شده یکدست دیده شوند.
 */
:root {
	/* --- رنگ‌های اصلی --- */
	--dt-primary: #004C73;
	--dt-secondary: #00F9CC;
	--dt-text: #000000;
	--dt-white: #FFFFFF;

	/* --- طیف آبی --- */
	--dt-blue-dark: #002A40;
	--dt-blue: #00AEF9;
	--dt-blue-light: #C0ECFF;
	--dt-blue-ultralight: #EAF1F3;

	/* --- طیف سبز --- */
	--dt-green-dark: #01CF79;
	--dt-green-light: #C0FFCA;

	/* --- خاکستری‌ها --- */
	--dt-gray-400: #606060;
	--dt-gray-300: #898989;
	--dt-gray-200: #ADADAD;
	--dt-gray-100: #CCCCCC;
	--dt-gray-50: #F4F4F4;
	--dt-background: #FBFBFB;
	--dt-indicator: #DDDDDD;

	/* --- نقش‌های معنایی (برای استفاده در کامپوننت‌ها) --- */
	--dt-body-bg: var(--dt-background);
	--dt-surface: var(--dt-white);
	--dt-border: var(--dt-indicator);
	--dt-text-muted: var(--dt-gray-400);
	--dt-text-subtle: var(--dt-gray-300);
	--dt-link: var(--dt-primary);

	/* --- تایپوگرافی --- */
	--dt-font: "IRANSansXV", "IRANSans", Tahoma, system-ui, sans-serif;
	/* فونت متن و اعداد لاتین داخل متن فارسی. تا وقتی فایل IBM Plex Sans را
	   روی سرور نگذاشته‌ایم، به فونت اصلی برمی‌گردد و چیزی نمی‌شکند. */
	--dt-font-latin: "IBM Plex Sans", var(--dt-font);
	--dt-fw-regular: 400;
	--dt-fw-medium: 500;
	--dt-fw-semibold: 600;

	/* مقیاس تایپوگرافی سیال — بدون media query می‌مقیاسد */
	--dt-fs-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
	--dt-fs-sm: clamp(0.8125rem, 0.78rem + 0.2vw, 0.875rem);
	--dt-fs-base: clamp(0.9375rem, 0.9rem + 0.25vw, 1rem);
	--dt-fs-md: clamp(1.0625rem, 1rem + 0.35vw, 1.1875rem);
	--dt-fs-lg: clamp(1.1875rem, 1.05rem + 0.6vw, 1.4375rem);
	--dt-fs-xl: clamp(1.375rem, 1.15rem + 1vw, 1.875rem);
	--dt-fs-2xl: clamp(1.625rem, 1.25rem + 1.6vw, 2.5rem);
	--dt-fs-3xl: clamp(1.875rem, 1.3rem + 2.4vw, 3.25rem);

	--dt-lh-tight: 1.3;
	--dt-lh-snug: 1.5;
	--dt-lh-normal: 1.75;
	--dt-lh-loose: 2;

	/* --- فاصله‌گذاری (مقیاس ۴ پایه) --- */
	--dt-space-1: 0.25rem;
	--dt-space-2: 0.5rem;
	--dt-space-3: 0.75rem;
	--dt-space-4: 1rem;
	--dt-space-5: 1.5rem;
	--dt-space-6: 2rem;
	--dt-space-7: 3rem;
	--dt-space-8: 4rem;
	--dt-space-9: 6rem;

	/* --- چیدمان --- */
	--dt-container: 1250px;
	--dt-container-narrow: 820px;  /* عرض خوانا برای متن مقاله */
	--dt-gutter: clamp(1rem, 4vw, 2.5rem);

	/* --- شکل و سایه --- */
	--dt-radius-sm: 6px;
	--dt-radius: 12px;
	--dt-radius-lg: 20px;
	--dt-radius-full: 999px;
	--dt-shadow-sm: 0 1px 2px rgba(0, 42, 64, 0.06), 0 1px 3px rgba(0, 42, 64, 0.04);
	--dt-shadow: 0 4px 12px rgba(0, 42, 64, 0.07), 0 1px 3px rgba(0, 42, 64, 0.05);
	--dt-shadow-lg: 0 12px 32px rgba(0, 42, 64, 0.12), 0 2px 8px rgba(0, 42, 64, 0.06);

	/* --- حرکت --- */
	--dt-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--dt-duration: 200ms;
}

@media (prefers-reduced-motion: reduce) {
	:root { --dt-duration: 1ms; }
}