/* ──────────────────────────────────────────────────────────────
   توکن‌های دیزاین — استخراج‌شده از سایت اصلی salamsakhteman.com
   منبع: متغیرهای Mantine در بیلد Next.js  (tools/sync-chrome)
   این فایل دست‌نویس تغییر داده نشود مگر با هماهنگی سایت اصلی.
   ────────────────────────────────────────────────────────────── */

/* فونت‌های سایت اصلی — میزبانی محلی */
@font-face{font-family:IRANSans;src:url(../fonts/iransans-100.woff2) format("woff2");font-weight:100;font-display:swap}
@font-face{font-family:IRANSans;src:url(../fonts/iransans-200.woff2) format("woff2");font-weight:200;font-display:swap}
@font-face{font-family:IRANSans;src:url(../fonts/iransans-300.woff2) format("woff2");font-weight:300;font-display:swap}
/* ۵۰۰ و ۹۰۰ عمداً تعریف نشده‌اند (۱.۳۲.۱۰): فقط پنج جا ۵۰۰ و فقط عدد ۴۰۴ ۹۰۰ داشت، و هر
   صفحه به‌خاطرشان دو فایل فونت بیشتر (حدود ۶۰ کیلوبایت) هم‌زمان با GTM دانلود می‌کرد.
   ۵۰۰ به ۶۰۰ رفت؛ هر ۹۰۰ دیگری (مثل <strong> داخل سربرگ ۸۰۰ جدول) با ۸۰۰ نمایش داده می‌شود. */
@font-face{font-family:IRANSans;src:url(../fonts/iransans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:IRANSans;src:url(../fonts/iransans-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:IRANSans;src:url(../fonts/iransans-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:IRANSans;src:url(../fonts/iransans-800.woff2) format("woff2");font-weight:800;font-display:swap}

:root{
  /* برند */
  /* فلش رو به پایین، به‌شکل ماسک تا با currentColor رنگ بگیرد */
  --chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.6 4.9 8.5a1.2 1.2 0 0 1 1.7-1.7L12 12.2l5.4-5.4a1.2 1.2 0 1 1 1.7 1.7z'/%3E%3C/svg%3E");

  --brand-orange:        #F57F22;
  --brand-orange-strong: #F67F00;
  /* تُن ملایم برند؛ از قبل برای نقل‌قول استفاده می‌شد و حالا پس‌زمینه‌ی
     فراخوان‌ها هم هست. خط کناری‌اش کمی پررنگ‌تر از همان رنگ. */
  --brand-orange-soft:   rgba(245,127,34,.10);
  --brand-orange-line:   rgba(245,127,34,.26);
  --brand-blue:          #0010F6;
  --brand-blue-deep:     #0230A2;

  /* خاکستری‌ها — دقیقاً مطابق پالت سایت اصلی */
  --gray-0:#FAFAFA; --gray-1:#F4F4F5; --gray-2:#E4E4E7; --gray-3:#D4D4D8;
  --gray-4:#A1A1AA; --gray-5:#71717A; --gray-6:#636369; --gray-7:#52525B;
  --gray-8:#27272A; --gray-9:#364152; --gray-10:#333C46; --gray-11:#344054;
  --gray-12:#3D3D3D;

  /* نقش‌ها */
  --bg:            #FFFFFF;
  --bg-alt:        var(--gray-0);
  --surface:       #FFFFFF;
  --border:        var(--gray-2);
  --border-strong: var(--gray-3);
  --text:          var(--gray-8);
  --text-muted:    var(--gray-5);
  --text-faint:    var(--gray-4);

  /* تایپوگرافی */
  --font: IRANSans, "IRANSans Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-display: clamp(1.5rem, 1.1rem + 1.4vw, 2.125rem);
  --fs-h2:      clamp(1.125rem, 1rem + .55vw, 1.5rem);
  --fs-h3:      clamp(1rem, .95rem + .28vw, 1.1875rem);
  --fs-body:    .9375rem;
  --fs-sm:      .8125rem;
  --fs-xs:      .75rem;
  --lh-tight:   1.45;
  --lh-body:    1.9;

  /* فاصله‌ها */
  --sp-1:.25rem; --sp-2:.5rem;  --sp-3:.75rem; --sp-4:1rem;
  --sp-5:1.5rem; --sp-6:2rem;   --sp-7:3rem;   --sp-8:4rem;

  /* شکل */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:24px; --r-pill:999px;
  --shadow-1: 0 1px 2px rgba(24,24,27,.04), 0 1px 3px rgba(24,24,27,.06);
  --shadow-2: 0 4px 12px rgba(24,24,27,.07), 0 2px 4px rgba(24,24,27,.04);
  --shadow-3: 0 12px 28px rgba(24,24,27,.10), 0 4px 8px rgba(24,24,27,.05);

  /* چیدمان — عرض کانتینر عیناً از سایت اصلی */
  --container: 1290px;
  --gutter: 1rem;
  --ease: cubic-bezier(.22,.61,.36,1);
}

@media (min-width:769px){ :root{ --gutter:1.5rem; } }