/* پایه‌ی مشترک — مطابق ریست و تایپوگرافی سه پروتوتایپ HTML */
@font-face{
  font-family:'Vazirmatn';
  src:url('../fonts/Vazirmatn-Variable.woff2') format('woff2-variations'),
      url('../fonts/Vazirmatn-Variable.woff2') format('woff2 supports variations');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:var(--sfb-font, 'Vazirmatn'),'Segoe UI',Tahoma,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.8;
  font-size:var(--sfb-body-size, 14px);
  -webkit-font-smoothing:antialiased;
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#d8cff0;border-radius:10px}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
img{max-width:100%}
/* عرضِ محتوا از Templateِ فعال می‌آید — پیش‌فرض دقیقاً همان ۱۲۴۰px قبلی. */
.wrap{max-width:var(--sfb-content-width, 1240px);margin:0 auto;padding:0 18px}
.hidden{display:none!important}

/* حرکت — احترام به prefers-reduced-motion صرف‌نظر از Templateِ انتخابی
   (طبقِ الزامِ صریحِ کار) + احترام به data-sfb-motion="none" خودِ Template. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
html[data-sfb-motion="none"] *{transition:none!important;animation:none!important}

/* تراکم/فاصله‌گذاری (density) — کنترلِ مستقیمِ تاجر (فشرده/عادی/باز)،
   مستقلِ از density ذاتیِ Template؛ همان الگویِ overrideهایِ بالا
   (data-sfb-motion) برایِ حاشیه‌ی افقیِ ظرفِ محتوا. «عادی» چیزی
   override نمی‌کند — دقیقاً همان ۱۸px قبلی. */
html[data-sfb-density="compact"] .wrap{padding:0 12px}
html[data-sfb-density="relaxed"] .wrap{padding:0 26px}

/* اندازه‌ی فونتِ فیلدهایِ قابل‌ویرایش در موبایل حداقل ۱۶px — جلوگیری از
   Auto-zoomِ خودکارِ iOS Safari هنگامِ فوکوس (تصمیمِ صریحِ مالک، بندِ ۱۸
   تصمیمِ جامع نهایی؛ سراسری است، نه فقط پنج خانواده‌ی جدید — قاعده روی
   *همه‌ی* Templateهای موجود هم صدق می‌کند). */
@media (max-width:640px){
  input,textarea,select{font-size:16px}
}