/* MovieClipper UI kit · components/render_fonts.css
   ----------------------------------------------------------------------------
   Шрифты рендера в браузере.

   Зачем. Превью должно показывать ТЕМ ЖЕ файлами, что уходят в libass через
   fontsdir. Если превью рисует системным шрифтом, а кадр — Onest, редактор
   врёт: подсчитанные Safe Zones и переносы не совпадают с результатом.

   ПОЧЕМУ «Render …», А НЕ «Onest»/«Inter». В ките Inter уже загружен из woff2
   (colors_and_type.css). Два @font-face с одним именем семейства — браузер
   выбирает между файлами по собственным правилам, и результат зависит от
   порядка загрузки, а не от нашего намерения. Поэтому у превью своё
   семейство, а совпадение с рендером обеспечивается не именем, а тем, что
   ниже стоят РОВНО те же TTF, что в resource/fonts/builtin (см. manifest.json
   и тест test_clipper_render_fonts_are_reachable — он ловит опечатку в имени
   файла, после которой превью молча ушло бы в запасной шрифт).

   Формат — ttf, а не woff2: libass woff2 не читает, и превью имеет показывать
   ровно то, что прочитает рендер. */

@font-face {
  font-family: "Render Onest";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/builtin-fonts/Onest-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Render Onest";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/builtin-fonts/Onest-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Render Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/builtin-fonts/Inter-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Render Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/builtin-fonts/Inter-Bold.ttf") format("truetype");
}

/* Токены превью. Имена не совпадают с --font-display/--font-family кита:
   интерфейс приложения и текст В КАДРЕ — разные вещи, и путать их нельзя. */
:root {
  --font-render-onest: "Render Onest", var(--font-family);
  --font-render-inter: "Render Inter", var(--font-family);
}