/* Start with TTF (works everywhere). We'll switch to WOFF2 later. */
@font-face{
  font-family:"Outfit";
  src: local("Outfit Regular"),
       url("/fonts/Outfit-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;   /* paint text immediately, swap when font arrives */
}
@font-face{
  font-family:"Outfit";
  src: local("Outfit SemiBold"),
       url("/fonts/Outfit-SemiBold.ttf") format("truetype");
  font-weight:600;     /* use 500 if you chose Medium.ttf */
  font-style:normal;
  font-display:swap;
}

/* Safety: if you’re not using Tailwind's font-sans class yet, this makes Outfit default */
html { font-family: "Outfit", ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif; }
