/* Mirrors lib/fonts.js FONT_CATALOG so the browser preview matches the
   server-rendered text pixel-for-pixel. If a file is missing the browser
   just falls back to the generic family, same as the server does. */
@font-face {
  font-family: "ScrollReel Sans";
  src: url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "ScrollReel Sans";
  src: url("/fonts/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "ScrollReel Serif";
  src: url("/fonts/NotoSerif-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "ScrollReel Noto Sans";
  src: url("/fonts/NotoSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "ScrollReel Urdu";
  src: url("/fonts/NotoNastaliqUrdu-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "ScrollReel Arabic";
  src: url("/fonts/NotoNaskhArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}