/* ==========================================================================
   Appel — توکن‌های طراحی (tokens.css)
   پالت رنگ طبق مشخصات تأییدشده پروژه است. این فایل «منبع رنگ برای کدهای اختصاصی» است؛
   رنگ‌های سراسری Elementor باید دقیقاً با همین پنج مقدار یکی باشند.
   ========================================================================== */

/*
 * Yekan Bakh fonts are considered a proprietary software. To gain information about the laws
 * regarding the use of these fonts, please visit www.fontiran.com
 * --------------------------------------------------------------------
 * This set of fonts are used in this project under the license: (LICENSE-CODE-HERE)
 * --------------------------------------------------------------------
 * کد ۵ رقمی لایسنس را پس از ثبت در پنل fontiran.com جایگزین LICENSE-CODE-HERE کنید.
 */

/* ارقام لاتین (مناسب نام مدل‌ها مثل iPhone 17) */
@font-face {
	font-family: "Yekan Bakh";
	src: url("../fonts/yekanbakh/YekanBakh-VF.woff2") format("woff2");
	font-weight: 100 950;
	font-stretch: 62.5% 150%;
	font-style: normal;
	font-display: swap;
}

/* ارقام فارسی (مناسب قیمت‌ها)؛ فقط در صفحاتی که استفاده شود دانلود می‌شود */
@font-face {
	font-family: "Yekan Bakh FaNum";
	src: url("../fonts/yekanbakh/YekanBakhFaNum-VF.woff2") format("woff2");
	font-weight: 100 950;
	font-stretch: 62.5% 150%;
	font-style: normal;
	font-display: swap;
}

:root {
	/* فونت */
	--appel-font-sans: "Yekan Bakh", Tahoma, system-ui, -apple-system, "Segoe UI", sans-serif;
	--appel-font-fanum: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, system-ui, sans-serif;

	/* پالت اصلی پروژه (فقط این پنج مقدار منبع‌اند؛ رنگ جدید بدون تأیید اضافه نشود) */
	--appel-color-primary: #1d1d1f;
	--appel-color-background: #ffffff;
	--appel-color-surface: #f5f5f7;
	--appel-color-text-muted: #86868b;
	--appel-color-accent: #0071e3;

	/* نام‌های کاربردی؛ همگی از پالت بالا مشتق می‌شوند */
	--appel-color-bg: var(--appel-color-background);
	--appel-color-bg-alt: var(--appel-color-surface);
	--appel-color-bg-dark: var(--appel-color-primary);
	--appel-color-ink: var(--appel-color-primary);
	--appel-color-ink-soft: var(--appel-color-text-muted);
	--appel-color-ink-on-dark: var(--appel-color-surface);
	--appel-color-focus: var(--appel-color-accent);

	/* مقیاس تایپوگرافی (روان) */
	--appel-text-sm: clamp(0.875rem, 0.85rem + 0.1vw, 0.9375rem);
	--appel-text-base: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
	--appel-text-lg: clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem);
	--appel-text-xl: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
	--appel-text-2xl: clamp(2rem, 1.4rem + 3vw, 3.75rem);
	--appel-text-hero: clamp(2.5rem, 1.5rem + 5vw, 5.5rem);

	/* ارتفاع خط (فارسی به فاصله بیشتر نیاز دارد) */
	--appel-leading-body: 1.9;
	--appel-leading-tight: 1.35;

	/* فاصله‌ها */
	--appel-space-1: 0.25rem;
	--appel-space-2: 0.5rem;
	--appel-space-3: 1rem;
	--appel-space-4: 1.5rem;
	--appel-space-5: 2.5rem;
	--appel-space-6: 4rem;
	--appel-space-7: 6rem;

	/* شعاع و عرض محتوا */
	--appel-radius-sm: 8px;
	--appel-radius-md: 18px;
	--appel-radius-lg: 28px;
	--appel-content-max: 1200px;
	--appel-measure: 38rem; /* طول مناسب خط برای متن فارسی */

	/* حرکت */
	--appel-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--appel-duration-fast: 200ms;
	--appel-duration: 600ms;
	--appel-duration-slow: 1000ms;

	/*
	 * جهت شروع محتوا برای translateX:
	 *   +1  => سمت شروع در راست است (RTL)
	 *   -1  => سمت شروع در چپ است (LTR)
	 * مثال: transform: translateX(calc(var(--appel-dir) * 32px)) یعنی «از سمت شروع».
	 */
	--appel-dir: -1;
}

html[dir="rtl"] {
	--appel-dir: 1;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--appel-duration-fast: 0.01ms;
		--appel-duration: 0.01ms;
		--appel-duration-slow: 0.01ms;
	}
}