@font-face {
  font-family: "Inter";
  src: local("Inter-Thin"), local("Inter-Thin"),
    url("Inter-Thin.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter-Light"), local("Inter-Light"),
    url("Inter-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter-Regular"), local("Inter-Regular"),
    url("Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter-Medium"), local("Inter-Medium"),
    url("Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter-SemiBold"), local("Inter-SemiBold"),
    url("Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter-Bold"), local("Inter-Bold"),
    url("Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: local("Inter-ExtraBold"), local("Inter-ExtraBold"),
    url("Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

/* Curated video-editor text-overlay faces (#6 / PR8). One @font-face per curated
   FONT_FAMILIES member, each pointing at the SAME .ttf the renderer burns in
   (video/render_processor.py _BUNDLED_FONTS) so the Konva preview is true WYSIWYG.
   The declared weight MUST match the bundled file's weight per family: multi-weight
   families ship Bold (700); the single-weight display/script faces ship their one
   weight (400) — kept in lockstep with TextOverlay's per-family fontStyle map. Inter
   is already declared above (700 = Inter-Bold.ttf). font-display:swap + the lazy
   download means non-editor pages never pay for these.
   NOTE: NO local() source — a same-named font installed on the user's system (Pacifico,
   Bebas Neue, Poppins… are commonly installed) would otherwise WIN over the bundled file
   and its different metrics would drift the preview from the export (the renderer always
   burns the bundled .ttf). Forcing url() keeps the Konva preview byte-faithful to the burn-in. */
@font-face {
  font-family: "Poppins";
  src: url("Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bebas Neue";
  src: url("BebasNeue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pacifico";
  src: url("Pacifico-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("RobotoMono-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* JetBrains Mono (self-hosted woff2) — used only by the video editor for
   timecodes / tabular values (var(--font-mono)). Declaring the @font-face here
   is global, but the browser downloads it lazily (only when text actually uses
   it), so non-editor pages are unaffected. */
@font-face {
  font-family: "JetBrains Mono";
  src: local("JetBrains Mono"), local("JetBrainsMono-Regular"),
    url("JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: local("JetBrains Mono Medium"), local("JetBrainsMono-Medium"),
    url("JetBrainsMono-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/*  */