/* ═══════════════════════════════════════════════════════════
   site-base.css — پایهٔ مشترک همهٔ صفحات آرسس
   ریست، فونت‌ها، اسکرول‌بار، و انیمیشن ریویل (.rv)
   مرجع: index.html — بقیهٔ صفحات با این هماهنگ شدند.

   ترتیب لود:
     _ds/…/tokens/colors.css + typography.css + spacing.css
     assets/site-base.css
     assets/site-nav.css
     assets/site-footer.css
     <style> اختصاصی صفحه </style>
   ═══════════════════════════════════════════════════════════ */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

html {
  /* Preserve the authored palette, including dark sections, in system dark mode. */
  color-scheme: only light;
  /* بدون این، صفحاتی که عنصر سرریزکننده دارند در RTL به‌اندازهٔ سرریز
     به راست اسکرول‌شده لود می‌شوند و کل محتوا off-center می‌افتد.
     scroll-behavior و overflow-anchor عمداً اینجا نیستند — هر صفحه
     مقدار خودش را دارد (fdp به overflow-anchor:none نیاز دارد). */
  overflow-x: clip
}

/* فقط چیزهایی که واقعاً در کل سایت یکسان‌اند.
   background و color اینجا نیستند: صفحات پس‌زمینهٔ متفاوت دارند —
   index و about-us تیره، fdp و صفحات اخلاق روشن. هر صفحه
   قانون body خودش را نگه داشته است. */
body {
  font-family: "Vazirmatn", system-ui, sans-serif;
  direction: rtl
}

/* صفحه‌های انگلیسی.
   dir="ltr" روی <html> هست، ولی قانون بالا از آن قوی‌تر است — یک
   اعلانِ CSS همیشه بر اتریبیوت dir می‌چربد — پس باید صریح برگردانده
   شود، وگرنه صفحهٔ انگلیسی با چیدمان راست‌به‌چپ رندر می‌شد. */
[dir="ltr"] body {
  direction: ltr
}

/* اسکرول‌بار بومی مرورگر همیشه یک نوار جداگانه و رزروشده کنار صفحه است —
   این فضا متعلق به مرورگر است، نه صفحه، و با هیچ CSS ای «شفاف» یا
   «روی محتوا» نمی‌شود (overflow:overlay هم از کروم حذف شده و اثری ندارد).
   برای این‌که واقعاً یک نوار شناور و هم‌رنگ صفحه داشته باشیم، اسکرول‌بار
   بومی را کاملاً مخفی می‌کنیم و به‌جایش یک قرص ساختگی با
   assets/site-scrollbar.js می‌سازیم (position:fixed، بدون فضای رزروشده). */
html {
  scrollbar-width: none
}

::-webkit-scrollbar {
  display: none
}

/* ── فونت‌ها ── */

@font-face {
  font-family: "AbarHigh-Regular";
  src: url('../uploads/AbarHigh-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "AbarMid";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../_ds/aress-design-system-b80fd97d-76a0-4cd1-bbdf-ec4547399064/fonts/AbarMid-ExtraBold.ttf") format("truetype")
}

@font-face {
  font-family: "AbarMid";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../_ds/aress-design-system-b80fd97d-76a0-4cd1-bbdf-ec4547399064/fonts/AbarMid-Bold.ttf") format("truetype")
}

@font-face {
  font-family: "AbarMid";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../_ds/aress-design-system-b80fd97d-76a0-4cd1-bbdf-ec4547399064/fonts/AbarMid-SemiBold.ttf") format("truetype")
}

@font-face {
  font-family: "AbarMid";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  /* TTF حدود دو برابرِ woff2 حجم دارد. اگر نسخهٔ woff2 را ساختی، خط پایین
     را اول بگذار و ttf را به‌عنوان جایگزین نگه دار:
     src: url(".../AbarMid-Regular.woff2") format("woff2"),
          url(".../AbarMid-Regular.ttf") format("truetype") */
  src: url("../_ds/aress-design-system-b80fd97d-76a0-4cd1-bbdf-ec4547399064/fonts/AbarMid-Regular.ttf") format("truetype")
}

/* ── ریویل هنگام اسکرول (assets/site-reveal.js کلاس .in را اضافه می‌کند) ──
   مقادیر از index.html: fdp قبلاً 24px بود و about 0.7s — یکسان شدند */
.rv {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .65s ease, transform .65s ease
}

.rv.in {
  opacity: 1;
  transform: none
}

.rv.d1 { transition-delay: .1s }
.rv.d2 { transition-delay: .2s }
.rv.d3 { transition-delay: .3s }

@media (prefers-reduced-motion: reduce) {
  .rv { opacity: 1; transform: none; transition: none }
}