/**
 * توکن‌های طراحی میلاریس.
 *
 * تنها منبع رنگ، فاصله و مقیاس تیتر در کل قالب. هیچ فایل دیگری حق
 * ندارد رنگ خام بنویسد.
 *
 * برای تغییر رنگ برند، فقط --c-brand را عوض کنید؛ همه‌جا با هم عوض
 * می‌شود.
 */

:root {
	/* --- رنگ --- */
	/* بادمجانی برند، نمونه‌برداری‌شده از بروشور رسمی. */
	--c-brand: #270b3b;
	/* یک پله روشن‌تر، صرفاً برای بازخورد hover. */
	--c-brand-2: #3a1456;
	/* شامپاینی مات لوگو.
	   هشدار: کنتراست این رنگ روی سفید ۲٫۲۳:۱ است. هرگز به‌عنوان رنگ
	   متن روی زمینه روشن استفاده نشود — فقط خط، آیکون و قاب. روی
	   بادمجانی کنتراستش ۷٫۸۵:۱ است و برای متن هم مجاز است. */
	--c-gold: #beab8d;
	--c-gold-dim: #9c8b70;
	/* مشکی با ته‌مایه بنفش، نه مشکی خام. */
	--c-ink: #17111c;
	--c-ink-soft: #5b5265;
	--c-paper: #ffffff;
	--c-surface: #f7f5f2;
	--c-line: #e5e0d8;
	--c-line-dark: rgba(190, 171, 141, 0.28);

	/* --- فاصله --- */
	--sp-1: 0.25rem;
	--sp-2: 0.5rem;
	--sp-3: 0.75rem;
	--sp-4: 1rem;
	--sp-5: 1.5rem;
	--sp-6: 2rem;
	--sp-7: 3rem;
	--sp-8: 4rem;
	--sp-9: 6rem;
	--sp-10: 8rem;

	/* فاصله عمودی بین سکشن‌ها، سیال بین موبایل و دسکتاپ. */
	--sp-section: clamp(3.5rem, 8vw, 8rem);

	/* --- چیدمان --- */
	--wrap: 1360px;
	--wrap-narrow: 780px;
	--gutter: clamp(1.25rem, 4vw, 3rem);
	--header-h: 5rem;

	/* --- مقیاس تیتر --- */
	/* سیال با clamp تا روی موبایل و ۲۷ اینچ هر دو درست بنشیند. */
	--fs-display: clamp(2.75rem, 7vw, 6rem);
	--fs-h1: clamp(2.25rem, 5vw, 4rem);
	--fs-h2: clamp(1.75rem, 3.5vw, 2.75rem);
	--fs-h3: clamp(1.35rem, 2.2vw, 1.85rem);
	--fs-h4: clamp(1.1rem, 1.6vw, 1.35rem);
	--fs-body: clamp(1rem, 1.05vw, 1.0625rem);
	--fs-small: 0.9375rem;
	--fs-tiny: 0.8125rem;
	/* عنوان بالایی سکشن‌ها (eyebrow). */
	--fs-eyebrow: 0.8125rem;

	--lh-tight: 1.15;
	--lh-heading: 1.3;
	--lh-body: 1.9;

	/* فاصله حروف در فارسی صفر می‌ماند؛ کشیدن حروف فارسی اتصالشان را
	   خراب می‌کند. فقط عبارات لاتین tracking می‌گیرند. */
	--ls-latin: 0.14em;

	/* --- سایر --- */
	--radius: 0;
	--radius-pill: 999px;
	--shadow-soft: 0 1.5rem 3rem rgba(23, 17, 28, 0.09);
	--ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--dur: 0.55s;
	--dur-fast: 0.25s;
	--z-header: 100;
	--z-overlay: 200;
	--z-modal: 300;
}