@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: 'Cairo';
  src: url('/fonts/Cairo.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
}

/* TODO: add font file for Tajawal; use the system sans-serif fallback meanwhile. */
/* TODO: add font file for Roboto; use the system sans-serif fallback meanwhile. */
/* TODO: add font file for Montserrat; use the system sans-serif fallback meanwhile. */
/* TODO: add font file for Poppins; use the system sans-serif fallback meanwhile. */
/* TODO: add font file for Amiri; use the system serif fallback meanwhile. */
/* TODO: add font file for Noto Sans; use the system sans-serif fallback meanwhile. */
/* TODO: add font file for Cinzel; use the system serif fallback meanwhile. */
/* TODO: add font file for Impact; use the system sans-serif fallback meanwhile. */