import { loadFont as loadInter } from "@remotion/google-fonts/Inter";
import { loadFont as loadMono } from "@remotion/google-fonts/JetBrainsMono";
import { loadFont as loadSerif } from "@remotion/google-fonts/Newsreader";

const inter = loadInter("normal", { weights: ["400", "600", "700", "900"], subsets: ["latin"] });
const mono = loadMono("normal", { weights: ["500", "700"], subsets: ["latin"] });
const serif = loadSerif("normal", { weights: ["400"], subsets: ["latin"] });

/** Same three families as the website: Inter for headlines, JetBrains Mono for labels, Newsreader for reading text. */
export const FONT = {
  sans: inter.fontFamily,
  mono: mono.fontFamily,
  serif: serif.fontFamily,
} as const;