/*!
 * Tokify — caption webfonts
 * The SAME bundled fonts the video burner renders with (public/assets/fonts),
 * exposed to the browser so every subtitle preview (editor, style pickers,
 * wizards) shows the exact typography of the final video. Without this the
 * browser silently falls back to a system font and the preview lies.
 */
@font-face { font-family: 'Nunito';     src: url('../fonts/Nunito-Regular.ttf?v=2') format('truetype');     font-weight: 400; font-display: swap; }
@font-face { font-family: 'Nunito';     src: url('../fonts/Nunito-Bold.ttf?v=2') format('truetype');        font-weight: 700; font-display: swap; }
@font-face { font-family: 'Poppins';    src: url('../fonts/Poppins-Regular.ttf?v=2') format('truetype');    font-weight: 400; font-display: swap; }
@font-face { font-family: 'Poppins';    src: url('../fonts/Poppins-Bold.ttf?v=2') format('truetype');       font-weight: 700; font-display: swap; }
@font-face { font-family: 'Inter';      src: url('../fonts/Inter-Regular.ttf?v=2') format('truetype');      font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter';      src: url('../fonts/Inter-Bold.ttf?v=2') format('truetype');         font-weight: 700; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Regular.ttf?v=2') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Bold.ttf?v=2') format('truetype');    font-weight: 700; font-display: swap; }
@font-face { font-family: 'Roboto';     src: url('../fonts/Roboto-Regular.ttf?v=2') format('truetype');     font-weight: 400; font-display: swap; }
@font-face { font-family: 'Roboto';     src: url('../fonts/Roboto-Bold.ttf?v=2') format('truetype');        font-weight: 700; font-display: swap; }
@font-face { font-family: 'Oswald';     src: url('../fonts/Oswald-Regular.ttf?v=2') format('truetype');     font-weight: 400; font-display: swap; }
@font-face { font-family: 'Oswald';     src: url('../fonts/Oswald-Bold.ttf?v=2') format('truetype');        font-weight: 700; font-display: swap; }
@font-face { font-family: 'Anton';      src: url('../fonts/Anton-Regular.ttf?v=2') format('truetype');      font-weight: 400; font-display: swap; }
@font-face { font-family: 'Bebas Neue'; src: url('../fonts/BebasNeue-Regular.ttf?v=2') format('truetype');  font-weight: 400; font-display: swap; }
/* Monochrome emoji — the only kind libass can burn; using it in previews keeps
   emojis WYSIWYG (silhouettes) instead of the browser's colour emojis. */
@font-face { font-family: 'Noto Emoji'; src: url('../fonts/NotoEmoji-Regular.ttf?v=2') format('truetype');  font-weight: 400 700; font-display: swap; }