/* =========================
   FONTS فقط (بدون دستکاری layout)
========================= */

@font-face {
  font-family: 'Inter';
  src: url('./fonts/inter.woff2') format('woff2');
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('./fonts/jetbrainsmono.woff2') format('woff2');
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('./fonts/Vazirmatn.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --scalar-font: Vazirmatn, Inter, sans-serif;
  --scalar-font-code: "JetBrains Mono", monospace;
}

/* =========================
   FIX فقط متن‌های ترکیبی فارسی/انگلیسی
   (بدون RTL کردن کل UI)
========================= */

/*
  این مهم‌ترین خطه:
  فقط اجازه می‌ده مرورگر خودش direction رو درست تشخیص بده
*/
.scalar-app,
.scalar-container,
.scalar-content,
.scalar-markdown {
  unicode-bidi: plaintext;
}

/* =========================
   CODE BLOCKS (بدون تغییر)
========================= */

code,
pre {
  direction: ltr;
  text-align: left;
  unicode-bidi: embed;
  font-family: "JetBrains Mono", monospace;
}

/* inline code داخل متن */
code {
  unicode-bidi: isolate;
}

/* =========================
   فقط readability (اختیاری)
========================= */

.scalar-markdown p {
  line-height: 1.8;
}

p, h3 {
  direction: rtl;
}