/*
 * salonto-tokens.css — منبع واحد حقیقت برای توکن‌های طراحی سالن‌تو
 *
 * مقادیر این فایل دقیقاً از جدول «پالت رسمی و توکن‌ها» در design.md برداشته
 * شده‌اند. این فایل هیچ چیدمان، فاصله یا رفتاری تعریف نمی‌کند — فقط توکن.
 *
 * چرا این فایل لازم است:
 * salonto-design-bridge.css فضاهای نام هر صفحه (--ac-*, --sh-*, --ga-* و ...)
 * را به توکن‌های --salonto-* نگاشت می‌کند، اما تا امروز هیچ فایلی این
 * توکن‌های پایه را تعریف نمی‌کرد. یعنی زنجیره‌ی ارجاع در هوا قطع می‌شد.
 *
 * ترتیب بارگذاری الزامی:
 *   salonto-tokens.css  →  salonto-design-bridge.css  →  فایل‌های صفحه
 *
 * قانون: هیچ رنگ جدیدی بدون نقش معنایی مشخص به این فایل اضافه نشود.
 */

:root {
	/* ---- سطوح ---- */
	--salonto-background:      #fbf8f7;
	--salonto-surface:         #ffffff;
	--salonto-surface-muted:   #f4f8f7;
	--salonto-surface-soft:    var(--salonto-surface-muted);
	--salonto-soft:            var(--salonto-surface-muted);

	/* ---- مرزها ---- */
	--salonto-border:          #d9e8e5;
	--salonto-border-strong:   #9fcfc9;

	/* ---- متن ---- */
	--salonto-text:            #173746;
	--salonto-text-deep:       #223238;
	--salonto-text-muted:      #6b8085;
	--salonto-text-subtle:     #557076;
	--salonto-muted:           var(--salonto-text-muted);

	/* ---- برند ---- */
	--salonto-primary:         #0b8f87;
	--salonto-primary-hover:   #08766f;
	--salonto-primary-dark:    var(--salonto-primary-hover);
	--salonto-primary-soft:    #e8f6f3;
	--salonto-accent:          var(--salonto-primary);
	--salonto-accent-soft:     var(--salonto-primary-soft);
	--salonto-navy:            #174b55;

	/* ---- وضعیت‌ها ---- */
	--salonto-success:         #24745b;
	--salonto-success-road:    var(--salonto-success);
	--salonto-warning:         #8a6114;
	--salonto-warning-dark:    #7a5a28;
	--salonto-warning-soft:    #fff8e8;
	--salonto-danger:          var(--salonto-warning);

	/* ---- رمپ سبزآبی ----
	 * پله‌های میانی. مقادیر با میانگین وزنی از رنگ‌هایی که پیش‌تر در
	 * پروژه استفاده می‌شدند به دست آمده، پس ظاهر جابه‌جا نمی‌شود.
	 * برای نقش‌های معنایی از توکن‌های بالا استفاده کنید، نه از این رمپ.
	 */
	--salonto-teal-950:        #163c4b;
	--salonto-teal-900:        #203f47;
	--salonto-teal-800:        #2e6d74;
	--salonto-teal-700:        #348492;
	--salonto-teal-500:        #65979a;
	--salonto-teal-400:        #7da6a6;
	--salonto-teal-300:        #8fbcbd;
	--salonto-teal-200:        #b3d0d7;
	--salonto-teal-100:        #d0e3e7;
	--salonto-teal-50:         #e8f4f4;
	--salonto-teal-75:         #dfecea;
	--salonto-teal-350:        #75bfb6;
	--salonto-teal-450:        #52aaa0;
	--salonto-teal-650:        #0f7870;
	--salonto-teal-750:        #246a62;
	--salonto-teal-850:        #195f59;

	/* ---- رمپ خنثی (slate) ----
	 * سبزآبی کم‌اشباع، برای متن ثانویه و مرزهای آرام.
	 */
	--salonto-slate-700:       #39595f;
	--salonto-slate-600:       #55726d;
	--salonto-slate-500:       #68848a;
	--salonto-slate-400:       #829598;
	--salonto-slate-300:       #99acad;
	--salonto-slate-200:       #c4d0ce;

	/* ---- رمپ کهربایی ---- */
	--salonto-amber-900:       #655121;
	--salonto-amber-800:       #7f6331;
	--salonto-amber-500:       #c99d4e;
	--salonto-amber-300:       #e5cf98;
	--salonto-amber-200:       #ebdec1;
	--salonto-amber-100:       #fff3da;
	--salonto-amber-250:       #e7d8ad;
	--salonto-amber-600:       #986323;
	--salonto-amber-700:       #786244;

	/* ---- گرم (خنثیِ صورتی‌مایل، فقط برای سطوح) ---- */
	--salonto-warm-200:        #ead6d2;

	/* ---- شعاع گردی ----
	 * سه پله کافی است. در ممیزی ۱۴۶ مقدار یکتای border-radius پیدا شد؛
	 * هدف رساندن آن به همین سه مقدار به‌علاوهٔ 999px برای pill است.
	 */
	--salonto-radius-control:  12px;
	--salonto-radius-card:     20px;
	--salonto-radius-pill:     999px;

	/* ---- سایه ---- */
	--salonto-shadow:          0 12px 28px rgba(32, 63, 72, .055);
	--salonto-shadow-raised:   0 16px 42px rgba(26, 62, 69, .11);

	/* ---- فاصله‌گذاری ---- */
	--salonto-card-pad:        16px;
	--salonto-section-pad:     24px;
	--salonto-control-height:  44px;

	/* ---- فوکوس (دسترس‌پذیری) ---- */
	--salonto-focus:           var(--salonto-border-strong);

	/* ---- تایپوگرافی ---- */
	--salonto-font: var(--salonto-v1243-font-family, inherit);

	/* ---- فضای نام آنبوردینگ ----
	 * این‌ها قبلاً مستقل بودند؛ حالا به پالت اصلی گره خورده‌اند تا
	 * صفحهٔ آنبوردینگ با بقیهٔ اپ یکی شود.
	 */
	--salonto-onboard-bg:        var(--salonto-background);
	--salonto-onboard-card:      var(--salonto-surface);
	--salonto-onboard-border:    var(--salonto-border);
	--salonto-onboard-text:      var(--salonto-text);
	--salonto-onboard-muted:     var(--salonto-text-muted);
	--salonto-onboard-teal:      var(--salonto-primary);
	--salonto-onboard-teal-soft: var(--salonto-primary-soft);
	--salonto-onboard-navy:      var(--salonto-navy);
	--salonto-onboard-navy-deep: var(--salonto-navy);
	--salonto-onboard-blue:      var(--salonto-navy);

	/* ---- کنترل‌های UI ---- */
	--salonto-ui-icon-bg:        var(--salonto-primary-soft);
	--salonto-ui-icon-border:    var(--salonto-border);
	--salonto-ui-chevron-color:  var(--salonto-text-muted);
	--salonto-ui-chevron-active: var(--salonto-primary);
}

/*
 * حالت کنتراست بالا — احترام به تنظیمات سیستم کاربر.
 * فقط مرزها را پررنگ می‌کند، پالت را عوض نمی‌کند.
 */
@media (prefers-contrast: more) {
	:root {
		--salonto-border:        #9fcfc9;
		--salonto-border-strong: #0b8f87;
		--salonto-text-muted:    #4a6167;
	}
}