@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans ExtraLight"), url("/fonts/PlusJakartaSans-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans Light"), url("/fonts/PlusJakartaSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans Regular"), url("/fonts/PlusJakartaSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans Medium"), url("/fonts/PlusJakartaSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans SemiBold"), url("/fonts/PlusJakartaSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans Bold"), url("/fonts/PlusJakartaSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

/* Global app font */
html,
body,
button,
input,
select,
textarea {
  font-family: "Plus Jakarta Sans", sans-serif;
}

/* Keep brand name typography where explicitly set to Michroma */
[style*="font-family"]:not([style*="Michroma"]):not([style*="michroma"]) {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}